## 1. 什么是數據的雙向綁定mvvm **vue數據雙向綁定是通過數據劫持結合發布者-訂閱者模式的方式來實現的** * **單向**：指vue中data渲染頁面 * **雙向**：指vue中data渲染頁面，和修改頁面數據影響vue中data數據  ## 2. 頁面中實現雙向綁定 **v-bind :** 只能實現單向綁定，即vue決定頁面的值（修改頁面的值不會影響vue中的data） **v-model：** 實現頁面和vue的值相互影響 ***** ***下面展示了v-bind與v-model的區別***  ~~~ <div id="root"> <!--單向數據:value Vue決定頁面的值,修改輸入框的值，不會改變content的值--> 不可修改：<input :value="content"/><br/><br/> <!--雙向數據綁定v-model 可以實現頁面修改數據的值--> 可以修改：<input v-model="content"/> <div>{{content}}</div> </div> <script> new Vue({ el:"#root", data:{ title1:"v-bind對應的屬性值", content:"Please enter your name" } }) </script> ~~~