84669 人学习
152542 人学习
20005 人学习
5487 人学习
7821 人学习
359900 人学习
3350 人学习
180660 人学习
48569 人学习
18603 人学习
40936 人学习
1549 人学习
1183 人学习
32909 人学习
请看下面的Vue 3中的简单组件示例：
开始
我试图理解为什么在从one()函数调用two()函数时，this在two()函数中是undefined。两个函数都在setup()中返回，所以我期望它们都能访问this。
one()
two()
this
undefined
setup()
话虽如此，那么如何在two()函数中获取对组件实例this的引用呢？
我想Vue仍然需要遵守JavaScript的规则。当事件处理程序被调用时，通常是在接收事件的对象的上下文中。在这种情况下，one()被绑定到元素的Proxy，并且this绑定到Proxy。
Proxy
然而，two()被特别地调用没有上下文（即：two()而不是someobject.foo()）。这意味着this将是未定义的。
someobject.foo()
我对Vue不是非常熟悉，但我想它不会自动绑定方法，这样就不需要你为你不使用的东西付费。
由于one()中this已正确绑定，你实际上可以将two()作为this的方法调用，而不是作为裸函数调用：
我想Vue仍然需要遵守JavaScript的规则。当事件处理程序被调用时，通常是在接收事件的对象的上下文中。在这种情况下，
one()被绑定到元素的Proxy，并且this绑定到Proxy。然而，
two()被特别地调用没有上下文（即：two()而不是someobject.foo()）。这意味着this将是未定义的。我对Vue不是非常熟悉，但我想它不会自动绑定方法，这样就不需要你为你不使用的东西付费。
由于
one()中this已正确绑定，你实际上可以将two()作为this的方法调用，而不是作为裸函数调用：