如何详细解析Vue中watch对象的属性方法？
- 内容介绍
- 文章标签
- 相关推荐
本文共计402个文字，预计阅读时间需要2分钟。
Vue 提供了 watch 方法，用于监听实例内 data 数据的变化。示例用法如下：
javascriptnew Vue({ data: { count: 10, blog: { title: 'my-blog', categories: [] } }, watch: { count: function (newVal, oldVal) { console.log(`new: %s, old: %s`, newVal, oldVal); } }});
vue提供了watch方法，用于监听实例内data数据的变化。通常写法是：
new Vue({ data: { count: 10， blog:{ title:'my-blog', categories:[] } }, watch: { count: function (newval, oldVal) { console.log(`new: %s, old: %s`, newVal, oldVal); } } })
上述情况里data中的count属性可以直接监听，但是如果需要监听的数据是对象内的某一属性值的变化，直接watch对象blog是检测不到变化的，这是因为blog这个对象的指向并没有发生改变。
本文共计402个文字，预计阅读时间需要2分钟。
Vue 提供了 watch 方法，用于监听实例内 data 数据的变化。示例用法如下：
javascriptnew Vue({ data: { count: 10, blog: { title: 'my-blog', categories: [] } }, watch: { count: function (newVal, oldVal) { console.log(`new: %s, old: %s`, newVal, oldVal); } }});
vue提供了watch方法，用于监听实例内data数据的变化。通常写法是：
new Vue({ data: { count: 10， blog:{ title:'my-blog', categories:[] } }, watch: { count: function (newval, oldVal) { console.log(`new: %s, old: %s`, newVal, oldVal); } } })
上述情况里data中的count属性可以直接监听，但是如果需要监听的数据是对象内的某一属性值的变化，直接watch对象blog是检测不到变化的，这是因为blog这个对象的指向并没有发生改变。