Vue中侦听器watch时，调用this时出现undefined问题

版权声明：本文为博主原创文章，未经博主允许不得转载。转载时请附上转载链接。 https://blog.csdn.net/qq_41009742/article/details/83903096

watch侦听器中，我们要将新的值赋给this.a出错

watch: {
	value: (newV, oldV) => {
	this.a = newV;
	}
}

这里报错undefined，这里错误的原因是不能写成箭头函数。写成箭头函数后，this会取上下文，而不是组件里面的this了，正确写法为：

watch: {
	value: function(newV, oldV) {
	this.a = newV;
	}
}

如下图:

看考链接：https://cn.vuejs.org/v2/api/#watch
PS：好吧，虽然问题可以解决，但是具体为什么不能写成箭头函数，讲实话，我现在也不懂，知道原理的可以给我评论，非常感谢。