Vue.js 无法访问这是生命周期钩子

Question

Sup 伙计们，

我在组件中声明了一个生命周期钩子，如下所示：

export default {
created: function() {
console.log(this)
},
}

控制台打印vueComponent，都很好。

但是，如果我将其更改为这样的箭头函数：

export default {
created: () => {
console.log(this)
},
}

现在thisundefined.

为什么？提前感谢您的帮助。

Answer 1

this关键字在这种情况下变得不可用，因为箭头函数没有this上下文，因此 javascript 在外部作用域中查找该值。这意味着，如果使用箭头函数，this通常会undefined或具有不需要的值。

文档中也有说明。在你的 Vue 实例中，避免使用箭头函数。

Answer 2

文档中已经说明

从文档