1、首先我們來實現(xiàn)自定義組件中使用v-model

從策劃到設(shè)計制作，每一步都追求做到細(xì)膩，制作可持續(xù)發(fā)展的企業(yè)網(wǎng)站。為客戶提供網(wǎng)站設(shè)計制作、成都做網(wǎng)站、網(wǎng)站策劃、網(wǎng)頁設(shè)計、國際域名空間、虛擬主機(jī)、網(wǎng)絡(luò)營銷、VI設(shè)計、 網(wǎng)站改版、漏洞修補(bǔ)等服務(wù)。為客戶提供更好的一站式互聯(lián)網(wǎng)解決方案,以客戶的口碑塑造優(yōu)易品牌,攜手廣大客戶,共同發(fā)展進(jìn)步。

父組件中注冊子組件

子組件接收父組件傳值

2.探究v-model

在input中的v-model功能是實現(xiàn)數(shù)據(jù)的雙向綁定，即綁定name值及改變值。

工作等同于以下代碼:

v-bind將name的值綁定到value

v-on綁定input事件，當(dāng)事件觸發(fā)時將事件目標(biāo)值賦值給name

而在自定義標(biāo)簽中的v-model與在input中的功能一致，但綁定的事件有些許不同，如下：

在子組件中使用$emit觸發(fā)MyInput中的input事件，此時$emit并不能傳input的event的事件，而是直接傳目標(biāo)值。

以上就是本文的全部內(nèi)容，希望對大家的學(xué)習(xí)有所幫助，也希望大家多多支持創(chuàng)新互聯(lián)。