vue2.0中debugger调试this为undefined，但打印有值的问题

vue2.0中debugger调试this为undefined，但打印有值的问题

文件出自：链接

原因：

1.箭头函数内的 this 和封闭的局部变量一样
2.箭头函数内的 this 被babel 打包后重命名了

解决：

安装插件

npm i babel-plugin-transform-es2015-arrow-functions --save-dev

然后在.babelrc或者是babel.config.js 配置文件中加入

plugins: [["transform-es2015-arrow-functions", { spec: true }]]