Vue踩坑 methods中使用ES6箭头函数

今天本来想骚操作一番,在vue 的methods中使用ES6的箭头函数,没想到遇到了问题
Vue踩坑 methods中使用ES6箭头函数
Vue踩坑 methods中使用ES6箭头函数
结果打印出来的是undefined. 想半天不知道为什么。
后来才知道因为箭头函数改变了this的指向。正常的es5函数去写的话,里面的this指向的是,而箭头函数是没有自己的this的,要去函数外层寻找,也就是在methods中去寻找,显然methods里面没有data,就是undefined,如果是普通的函数的话,那么this指向的是它的调用者,也就是这个vue实例化的对象,它的上面有data,methods,生命周期函数等属性以及方法