本文介绍了在Vue开发中如何处理`this`未定义的错误，重点在于区分常规函数与箭头函数的用法。在Vue组件中，常规函数用于`methods`、`computed`和`watch`，而箭头函数可能导致`this`指向错误。建议避免在Vue组件中使用箭头函数，以防止`this`问题。同时，文章讨论了匿名函数的使用场景，如处理异步数据和与Lodash、Underscore库的配合。理解词法作用域的概念和如何在函数中工作是解决问题的关键。
当我们使用 Vue 在愉快的开发项目的时候，突然报了一个错误：
this is undefined别担心，不只有你一个人，我也经常遇到这个问题很多次，接下我们一起来看看如何解决这个问题。
一个可能的原因是混淆了常规函数和箭头函数的用法，如果你遇到这个问题，我猜你用的是箭头函数。如果用常规函数替换箭头函数，它可能会为你修复这个问题。
我们再深入一点，试着理解为什么会这样。
毕竟，知识就是力量，如果知道造成问题的原因，那么我们将来可以避免很多挫败感和时间浪费。
还有一些其它原因可能也会出现此类错误。
- 使用 fetch 或 axios 获取数据
- 使用像 lodash 或 underscore 这类的库
理解两种主要的函数类型
在 JS 中，我们有两种不同的函数。它们以几乎相同的方式运作，除了它们处理变量的方式不同。
这给新旧Javascript开发人员带来了很多困惑，但是当我们弄懂这个问题时，就很好会有这个困惑。
常规函数
常规函数可以用几种不同的方式定义。
第一种方法在 Vue 组件中较不常见，因为写出来要更长一些：
最低0.47元/天 解锁文章
扫一扫
3万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
