vue.js的数据双向绑定

vue.js的数据双向绑定是vue.js中的核心，用v-model来实现

 <div id="app">
     <p >{{ content }}</p>
     <input v-model="content" type="text" >
 </div>

 var vm = new Vue({
      el:"#app",
      data:{
          content:"result"
      }
  })

效果如下：

可以看到我们修改input中的内容的时候，p标签中的内容也在变化，是因为我们通过v-model完成数据双向绑定后，通过v-vm-m的方式也改变了m中变量的值