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中变量的值