前言

創(chuàng)新互聯(lián)公司是專業(yè)的北安網(wǎng)站建設(shè)公司，北安接單;提供成都網(wǎng)站設(shè)計(jì)、網(wǎng)站建設(shè),網(wǎng)頁(yè)設(shè)計(jì),網(wǎng)站設(shè)計(jì),建網(wǎng)站,PHP網(wǎng)站建設(shè)等專業(yè)做網(wǎng)站服務(wù);采用PHP框架,可快速的進(jìn)行北安網(wǎng)站開發(fā)網(wǎng)頁(yè)制作和功能擴(kuò)展;專業(yè)做搜索引擎喜愛(ài)的網(wǎng)站,專業(yè)的做網(wǎng)站團(tuán)隊(duì),希望更多企業(yè)前來(lái)合作!

使用過(guò)vue的小伙伴都會(huì)感覺(jué)，哇，這個(gè)框架對(duì)開發(fā)者這么友好，簡(jiǎn)直都要笑出聲了。

確實(shí)，使用過(guò)vue的框架做開發(fā)的人都會(huì)感覺(jué)到，以前寫一大堆操作dom，bom的東西，現(xiàn)在用不著了，對(duì)開發(fā)者來(lái)說(shuō)更容易去注重對(duì)操作邏輯的思考和實(shí)現(xiàn)，省了不少事兒呢！！！

我是直接從原生js，jq的開發(fā)用過(guò)度到使用vue，對(duì)這個(gè)框架也是喜愛(ài)有加，閑來(lái)無(wú)事，去看了看它的一些實(shí)現(xiàn)原理。

vue是一個(gè)mvvm框架，即數(shù)據(jù)雙向綁定，即當(dāng)數(shù)據(jù)發(fā)生變化的時(shí)候，視圖也就發(fā)生變化，當(dāng)視圖發(fā)生變化的時(shí)候，數(shù)據(jù)也會(huì)跟著同步變化。這也算是vue的精髓之處了。值得注意的是，我們所說(shuō)的數(shù)據(jù)雙向綁定，一定是對(duì)于UI控件來(lái)說(shuō)的，非UI控件不會(huì)涉及到數(shù)據(jù)雙向綁定。 單向數(shù)據(jù)綁定是使用狀態(tài)管理工具（如redux）的前提。

下面來(lái)介紹一下vue的一個(gè)非常"牛逼"的功能，數(shù)據(jù)雙向綁定，也就是我們?cè)陧?xiàng)目里用到的v-model指令。

v-model在vue官方文檔上是介紹在"表單輸入綁定"那一節(jié)。

對(duì)于表單，大家肯定用得都已經(jīng)超級(jí)熟練了，對(duì)于<input>、<textarea>和<select>標(biāo)簽在項(xiàng)目里面使用都已經(jīng)沒(méi)話說(shuō)了

官方提到的v-model是一個(gè)語(yǔ)法糖，為什么這么說(shuō)呢？下面看個(gè)例子：

<div id="test1">
<input v-model="input">
<span>input: {{ input }}</span>
</div>

網(wǎng)站名稱：Vue數(shù)據(jù)雙向綁定的深入探究-創(chuàng)新互聯(lián)
文章來(lái)源：http://chinadenli.net/article36/hhhpg.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站策劃、軟件開發(fā)、搜索引擎優(yōu)化、企業(yè)建站、虛擬主機(jī)、網(wǎng)站維護(hù)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)