最近在研究如何寫一套基于Vue2.x的UI組件給自己用，提升一點(diǎn)BIG，在制作含有input的組件遇到一個問題：不知怎樣才能把子組件中input與調(diào)用者（父組件）的數(shù)據(jù)實現(xiàn)雙向綁定，想過使用Vuex，但觀摩了一下其他優(yōu)秀的UI框架，發(fā)現(xiàn)使用Vuex會給其他使用者造成麻煩，于是決心找到尋求解決方法，在參考了幾篇大牛們文章后，終于找到。

創(chuàng)新互聯(lián)建站從2013年創(chuàng)立，公司以網(wǎng)站設(shè)計制作、成都網(wǎng)站建設(shè)、系統(tǒng)開發(fā)、網(wǎng)絡(luò)推廣、文化傳媒、企業(yè)宣傳、平面廣告設(shè)計等為主要業(yè)務(wù)，適用行業(yè)近百種。服務(wù)企業(yè)客戶數(shù)千家，涉及國內(nèi)多個省份客戶。擁有多年網(wǎng)站建設(shè)開發(fā)經(jīng)驗。為企業(yè)提供專業(yè)的網(wǎng)站建設(shè)、創(chuàng)意設(shè)計、宣傳推廣等服務(wù)。 通過專業(yè)的設(shè)計、獨(dú)特的風(fēng)格，為不同客戶提供各種風(fēng)格的特色服務(wù)。

在這將解決方案貼出，希望能幫助到和我一樣初次接觸Vue這個框架的同行們。

子組件的代碼邏輯

父組件代碼邏輯

在修改子組件的currentValue的時候其實通過$emit觸發(fā)input事件將值傳遞給調(diào)用者的v-model，從而實現(xiàn)雙向綁定。

總結(jié)

以上所述是小編給大家介紹的解決Vue2.x父組件與子組件之間的雙向綁定問題法，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復(fù)大家的。在此也非常感謝大家對創(chuàng)新互聯(lián)網(wǎng)站的支持！