vuejs - 如何对某个对象的属性进行watch监听？

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
來源：简书
著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。