vue 查看变量类型_vue 的进阶之路

当我们使用 Vue 在愉快的开发项目的时候，突然报了一个错误：

this is undefined

别担心，不只有你一个人，我也经常遇到这个问题很多次，接下我们一起来看看如何解决这个问题。

一个可能的原因是混淆了常规函数和箭头函数的用法，如果你遇到这个问题，我猜你用的是箭头函数。如果用常规函数替换箭头函数，它可能会为你修复这个问题。

我们再深入一点，试着理解为什么会这样。

毕竟，知识就是力量，如果知道造成问题的原因，那么我们将来可以避免很多挫败感和时间浪费。

还有一些其它原因可能也会出现此类错误。

• 使用 fetch 或 axios 获取数据
• 使用像 lodash 或 underscore 这类的库

理解两种主要的函数类型

在 JS 中，我们有两种不同的函数。它们以几乎相同的方式运作，除了它们处理变量的方式不同。

这给新旧Javascript开发人员带来了很多困惑，但是当我们弄懂这个问题时，就很好会有这个困惑。

常规函数

常规函数可以用几种不同的方式定义。

第一种方法在 Vue 组件中较不常见，因为写出来要更长一些：