本文實(shí)例講述了Vue.js單向綁定和雙向綁定。分享給大家供大家參考，具體如下：
創(chuàng)新互聯(lián)公司主要業(yè)務(wù)有網(wǎng)站營(yíng)銷策劃、成都網(wǎng)站建設(shè)、做網(wǎng)站、微信公眾號(hào)開發(fā)、微信平臺(tái)小程序開發(fā)、H5建站、程序開發(fā)等業(yè)務(wù)。一次合作終身朋友，是我們奉行的宗旨；我們不僅僅把客戶當(dāng)客戶，還把客戶視為我們的合作伙伴，在開展業(yè)務(wù)的過(guò)程中，公司還積累了豐富的行業(yè)經(jīng)驗(yàn)、成都全網(wǎng)營(yíng)銷資源和合作伙伴關(guān)系資源，并逐漸建立起規(guī)范的客戶服務(wù)和保障體系。
1、單向綁定
單向數(shù)據(jù)綁定的實(shí)現(xiàn)思路：
① 所有數(shù)據(jù)只有一份
② 一旦數(shù)據(jù)變化，就去更新頁(yè)面(只有data-->DOM，沒有DOM-->data)
③ 若用戶在頁(yè)面上做了更新，就手動(dòng)收集(雙向綁定是自動(dòng)收集)，合并到原有的數(shù)據(jù)中。
{{message}}
2、雙向綁定
數(shù)據(jù)的雙向綁定是vue實(shí)現(xiàn)的一大功能。
使用v-model指令，實(shí)現(xiàn)視圖和數(shù)據(jù)的雙向綁定。
所謂雙向綁定，指的是vue實(shí)例中的data與其渲染的DOM元素的內(nèi)容保持一致，無(wú)論誰(shuí)被改變，另一方會(huì)相應(yīng)的更新為相同的數(shù)據(jù)。這是通過(guò)設(shè)置屬性訪問(wèn)器實(shí)現(xiàn)的。
v-model主要用在表單的input輸入框，完成視圖和數(shù)據(jù)的雙向綁定。
v-model只能用在、
重慶分公司
重慶分公司