在 Vue 3 中，this 的使用受到了限制，主要是因为在 Vue 3 中引入了 Composition API，它提供了一种更灵活、更可组合的方式来组织和管理组件的逻辑。在 Composition API 中，不再使用传统的选项（如 data、methods、computed 等）来定义组件的逻辑，而是使用 setup 函数来组织逻辑。

在 setup 函数中，this 关键字是不可用的，因为它不是组件实例的上下文。相反，setup 函数接收两个参数：props 和 context。props 是一个包含组件接收的属性值的对象，而 context 是一个包含了如 attrs、slots、emit 等组件实例属性的对象。

由于 setup 函数在组件实例创建之前被调用，并且它是响应式系统的入口点，因此 this 关键字在 setup 函数中不可用。这是为了避免在 setup 函数中直接使用组件实例，确保响应式系统的正确性和一致性。

要在 Vue 3 中访问组件实例的属性或方法，可以使用 getCurrentInstance 函数。但是，请注意，getCurrentInstance 主要用于高级用例和插件开发，并不推荐在普通的应用程序代码中使用。在大多数情况下，你应该能够通过 props 和 context 参数以及 Composition API 的其他函数（如 ref、reactive、computed 等）来满足你的需求。

总之，Vue 3 中限制 this 的使用是为了推广 Composition API，使组件逻辑更加灵活和可组合。通过正确使用 props、context 和 Composition API 的其他功能，你可以在 Vue 3 中编写更加清晰和可维护的代码。

来自米粒网：一个专注于技术分享的社区平台，大家以共同学习，乐于分享，拥抱开源的价值观进行学习交流