## 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> ~~~