
![]()
代码
html
<div>
测试1数据<input type="text" v-model="test1"><br>
测试2数据<input type="text" v-model="test2">
</div>
js
data() {
return {
test1: '',//声明test1
test2: '',//声明test2
}
},
watch: {//监听test1
test1: function (newVal, OldeVal) {
this.test2 = newVal + '来了'
}
},

本文介绍了一个使用Vue.js框架实现的简单示例,展示了如何通过v-model指令实现输入框与数据的双向绑定。当输入框的值发生变化时,另一变量也会相应更新,体现了Vue的数据响应式机制。
710

被折叠的 条评论
为什么被折叠?



