
代码:
html
<div>
测试1数据<input type="text" v-model="test1"><br>
测试2数据<input type="text" v-model="test2">
</div>
script
data() {
return {
test1: '',//声明test1
}
},
computed: {
test2: function () {
return this.test1 + '你好'
}
},
划重点:test2不能写在data里,要写在computed里。
本文探讨了Vue.js中数据绑定的基本用法及计算属性的高级应用,通过实例展示了如何使用v-model进行双向数据绑定,并解释了为什么在某些场景下应选择计算属性而非data属性来处理数据。
1156

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



