用Vue 3的朋友可能都发现了，和Vue 2不一样，现在的代码里this这个关键字出现得越来越少了。这不是你的错觉，而是Vue 3设计思路带来的变化。今天我们来聊聊，为什么在Vue 3里this变少了，以及这背后意味着什么。

只要你踏入JavaScript 的世界，那么你一定会遇到 this 关键词。有许多人所 this 是 JavaScript 中最复杂的东西之一，也有人说 this 其实很简单......但是事实确实，有许多工作了好多年的小伙伴，在 this 指向问题上也常常出现错误。

笔者最近在看 你不知道的JavaScript上卷，里面关于 this 的讲解个人觉得非常精彩。JavaScript 中的 this 算是一个核心的概念，有一些同学会对其有点模糊和小恐惧，究其原因，现在对 this 讨论的文章很多

通过this直接访问到methods里面的函数的原因是：因为methods里的方法通过 bind 指定了this为 new Vue的实例(vm)。通过 this 直接访问到 data 里面的数据的原因是

this随处可见，一般谁调用，this就指向谁。this在不同环境下，不同作用下，表现的也不同。

在标准函数中，this引用的是把函数当成方法调用的上下文对象，这时候通常称其为this值（在网页的全局上下文中调用函数时，this指向window）。

this（又名“上下文”）是每个功能内的特殊关键字和它的值仅取决于如何调用函数，而不是如何/何时/何它被定义。它不像其他变量那样受词法作用域的影响

在前端开发中，this虽然只是其中的一个关键字而已，但是确实一个比较特殊的关键字。为什么说this在js关键字中很特殊呢，原因就在于this是函数在运行时自动生成的一个对象，this的指向在函数定义的时候不是确定的

证明了函数也是对象。可以采用new + 构造函数的方式创建实例，第三种方式执行效率低。

在 JavaScript 中， this 是函数调用上下文。正是由于 this 的行为很复杂，所以在 JavaScript 面试中，总是会问到有关 this 的问题。

this关键字是JavaScript中最复杂的机制之一。它是一个很特别的关键字，被自动定义在所有函数的作用域中。对于那些没有投入时间学习this机制的JavaScript开发者来说，this的绑定一直是一件非常令人困惑的事。

首先必须要说的是，this的指向在函数定义的时候是确定不了的，只有函数执行的时候才能确定this到底指向谁，实际上this的最终指向的是那个调用它的对象

我还是想写一篇关于 js 中的 this 的文章，算是一个总结归纳吧；（大神们可以绕行看我的其他文章）在 js 中，this 这个上下文总是变化莫测，很多时候出现 bug 总是一头雾水，其实，只要分清楚不同的情况下如何执行就 ok 了。

记得初学 JavaScript 时，其中 this 的指向问题曾让我头疼不已，我还曾私自将其与闭包、原型（原型链）并称 JS 武林中的三大魔头。如果你要想在 JS 武林中称霸一方，必须将这三大魔头击倒

this是我们在书写代码时最常用的关键词之一，即使如此，它也是JavaScript最容易被最头疼的关键词。那么this到底是什么呢？如果你了解执行上下文，那么你就会知道，其实this是执行上下文对象的一个属性：