1.普通的watch
data() { return { frontPoints: 0 } }, watch: { frontPoints(newValue, oldValue) { console.log(newValue) } }
2.对象属性的watch
data() { return { bet: { pokerState: 53, pokerHistory: 'local' } } }, watch: { bet: { handler(newValue, oldValue) { console.log(newValue) }, deep: true } }
tips: 只要bet中的属性发生变化(可被监测到的),便会执行handler函数;
如果想监测具体的属性变化,如pokerHistory变化时,才执行handler函数,则可以利用计算属性computed做中间层。
事例如下:3.对象具体属性的watch
data() { return { bet: { pokerState: 53, pokerHistory: 'local' } } }, computed: { pokerHistory() { return this.bet.pokerHistory } }, watch: { pokerHistory(newValue, oldValue) { console.log(newValue) } }
作者:竹杖芒鞋轻胜码
链接:http://www.jianshu.com/p/d01e145388fc
來源:简书
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。
vuejs - 如何对某个对象的属性进行watch监听?
最新推荐文章于 2024-07-17 14:21:52 发布