vue中watch监听变量变化时this指向问题

错误原因分析
这儿我们要搞清楚es6中箭头函数的特殊之处。箭头函数自动绑定了上下文对象到this中。那么就说明我们在箭头函数中引用的this不再是vue实例。

使用普通函数时this才是vueComponent对象。所以大家在使用es6特性的时候一定要注意。在vue的内部一定要注意箭头函数对于this对象的影响。当然如果你非要使用箭头函数也是可以的，我们通常的一个做法是在组件data函数中中定义var _self = this然后再组件中用_self引用vue实例。