v-model語法糖

J4ck_Chan 發(fā)布于2019-08-23 10:56 / 3329人閱讀

摘要：語法糖等價(jià)于這個(gè)是文檔自己說的。當(dāng)你寫時(shí)，就意味著你寫了一個(gè)并且監(jiān)聽了事件所以我們自己封裝的組件時(shí)，如果也想支持這種雙向綁定的話。

v-model語法糖

等價(jià)于

這個(gè)是文檔自己說的。

當(dāng)你寫v-model時(shí)，就意味著你寫了一個(gè):value并且監(jiān)聽了@input事件

所以我們自己封裝的input組件時(shí)，如果也想支持v-model這種雙向綁定的話。

調(diào)用者直接用v-model

封裝者，需要做的事情，就是接受value這個(gè)prop，
并且在原生的input事件觸發(fā)時(shí)，觸發(fā)我們自己的input事件，并且把參數(shù)傳遞出去

$emit("input"，value)

那么剩下的按說需要調(diào)用者用$on監(jiān)聽input吧，但由于v-model做了這件事，所以省去這部分代碼

GPU云服務(wù)器云服務(wù)器語法糖 python 語法糖棉花糖vps php語法和c語法

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/96826.html

相關(guān)文章

父子組件傳值及v-model實(shí)現(xiàn)通信

摘要：子組件也屬于當(dāng)前實(shí)例。監(jiān)聽鉤子函數(shù)的場(chǎng)景使用的不多，但是還是要知道的?？梢垣@取到父組件傳遞的除和外的所有自定義屬性。一. 父組件向子組件傳值創(chuàng)建parent和child組件，并在parent中注冊(cè)child組件在父組件調(diào)用子組件標(biāo)簽中添加一個(gè)自定義屬性(msg)， im...

lwx12525 2019-08-23 17:51 評(píng)論0 收藏0
v-model

摘要：用法中比較基礎(chǔ)的用法是在表單控件中，創(chuàng)建雙向數(shù)據(jù)綁定，能夠更新數(shù)據(jù)并負(fù)責(zé)監(jiān)聽用戶的輸入事件實(shí)例代碼這里是監(jiān)聽了輸入框的事件，并將其賦值給。找到的父組件就是組件，里面沒有注冊(cè)任何方法只是了屬性。因?yàn)樵谝彩抢昧说恼Z法糖。 Vue v-model 用法 vue 中v-model 比較基礎(chǔ)的用法是在表單控件中，創(chuàng)建雙向數(shù)據(jù)綁定，能夠更新數(shù)據(jù)并負(fù)責(zé)監(jiān)聽用戶的輸入事件實(shí)例代碼 ...

RiverLi 2019-08-21 11:53 評(píng)論0 收藏0
如何寫好一個(gè)vue組件,老夫的一年經(jīng)驗(yàn)全在這了

摘要：比如很好用的拖拽庫(kù)控制元素是否被拖動(dòng)的行為。僅僅負(fù)責(zé)引入以及個(gè)人喜好把一個(gè)元素當(dāng)做不可見的包裹元素，并在上面使用。你有什么寫組件的獨(dú)特技巧，不妨在評(píng)論區(qū)告訴我吧一個(gè)適用性良好的組件，一種是可配置項(xiàng)很多，另一種就是容易覆寫，從而擴(kuò)展功能 Vue 組件的 API 來自三部分——prop、事件和插槽： prop 允許外部環(huán)境傳遞數(shù)據(jù)給組件 event 允許從組件內(nèi)觸發(fā)外部環(huán)境的副作用 slo...

187J3X1 2019-05-22 10:29 評(píng)論0 收藏0
Vue 中實(shí)現(xiàn)雙向綁定的 4 種方法

摘要：一般我們會(huì)這樣做完善個(gè)人信息尊姓大名確認(rèn)取消寫一兩個(gè)組件還好，組件規(guī)模一旦擴(kuò)大，寫雙向綁定真能寫出毛病來。 1. v-model 指令上例不過是一個(gè)語法糖，展開來是： 2. .sync 修飾符這也是一個(gè)語法糖，剝開來是： my-dialog 組件在 visible 變化時(shí) this.$emit(update:visible, newVisible) 即可。 3. model...

WrBug 2019-08-26 11:49 評(píng)論0 收藏0
vue總結(jié)系列--組件化

摘要：觸發(fā)事件可以攜帶數(shù)據(jù)，這些數(shù)據(jù)被用于傳遞給綁定了事件的其它組件的回調(diào)函數(shù)上，進(jìn)而被傳遞給其它組件。父組件可以在回調(diào)函數(shù)里做任何事情，頗有靈活性。一般情況下，父組件會(huì)在回調(diào)函數(shù)中更新自己的狀態(tài)數(shù)據(jù)。上一篇博文梳理了vue的數(shù)據(jù)驅(qū)動(dòng)和響應(yīng)式相關(guān)的特性，這一篇博文就來梳理vue的一個(gè)很重要的特性，組件化。自定義組件之于vue，其意義不亞于函數(shù)之于C，java之類的編程語言。函數(shù)是計(jì)算機(jī)科學(xué)...

cuieney 2019-08-22 18:28 評(píng)論0 收藏0