vue 监听对象_vue 监听对象

最新推荐文章于 2024-09-05 14:19:54 发布

最新推荐文章于 2024-09-05 14:19:54 发布 · 1.2k 阅读

文章标签：

#vue 监听对象 #watch监听对象里面值的变化

本文介绍Vue中数据监听的方法，包括计算属性、侦听器等技术细节。通过实例展示如何监听对象属性的变化，并解释不同监听方式的区别。

data() {
pwdForm: {
Content: '',
},
},

computed:{
Content(){ // 监听对象内的某个值1 配合计算属性使用
return this.pwdForm.Content
}
},
watch:{
// 改变后的值。改变前的值
Content(newValue, oldValue) { // 监听对象内的某个值1 配合计算属性使用
console.log(newValue,oldValue)
　　},
'pwdForm.Content'(newValue, oldValue) { // 监听对象内的某个值2
console.log(newValue)
　　},
pwdForm: { // 监听整个对象内的所有属性
handler(newValue, oldValue) { // 此函数变量名不能乱命名
console.log(newValue)
　　　　},
deep: true
　　}
},