vue3的getCurrentInstance获取组件实例踩坑记录

在Vue 3中，getCurrentInstance 方法用于获取当前组件实例的一个引用。这个方法在组合式API（Composition API）中非常有用，因为它允许开发者在任何函数式上下文中访问组件实例的属性和方法。

然而，使用 getCurrentInstance 时需要注意一些问题，以下是一些常见的问题和解决方法：

1. 避免在setup()外部使用：getCurrentInstance 应该只在 setup() 函数内部调用，因为组件实例只在 setup() 执行期间才可用。
2. 避免直接修改props：props 是单向下行的，直接修改传入的 props 可能会导致应用的数据流向难以理解。如果需要修改，请使用 emit 发送一个事件来请求修改。
3. 避免使用非响应式数据：getCurrentInstance 返回的数据不是响应式的，如 attrs、slots 和 refs。如果需要使用这些数据的响应式版本，可以通过 toRefs 进行转换。
4. 避免在生命周期钩子中使用：在 setup() 执行之外的生命周期钩子中使用 getCurrentInstance 可能会得到一个未定义的实例，因为组件实例在这个时刻可能还没创建。
5. 避免在服务器端渲染(SSR)中使用：getCurrentInstance 不能在服务器端渲染的过程中使用，因为服务器端渲染时没有可用的组件实例。

如果遇到了 getCurrentInstance 相关的问题，请确保你正确地使用它，并遵循Vue 3推荐的最佳实践。如果你需要访问响应式数据，请使用 toRefs，并确保 getCurrentInstance 的调用位于 setup() 函数内部。