Vue3中如何改写使用this的代码为长尾关键词？

本文共计669个文字，预计阅读时间需要3分钟。

目录 + Vue3中使用this的总体使用如下：+ 填充：Vue3中this的替代方法 + 方法一 + 方法二（推荐使用） + 总结 + Vue3使用this与Vue2升级到Vue3的差异，其中最明显的改变就是原来的this在旧版本中无法使用。

目录

• Vue3使用this
• 具体使用如下：
• 补充：Vue3.0中this的替代方法
• 方法一
• 方法二（推荐使用）
• 总结

Vue3使用this

Vue2升级到Vue3，有很大的改变，其中最明显的就是以前的this，在新版本中无法使用了，这是为什么呢？

官方是这样说的：在setup()内部，this不会是该活跃实例的引用（即不指向vue实例），因为setup()是在解析其它组件选项之前被调用的，所以setup()内部的this的行为与其它选项中的this完全不同。这在和其它选项式API一起使用setup()时可能会导致混淆。

因此setup函数中不能使用this。