Vue 3 提供多种获取组件实例的方法：1. 访问 $refs 对象；2. 使用 findComponentRef() 方法；3. 使用 ref 和 created() 生命周期钩子；4. 使用组件实例 id；5. 使用父组件的 $children 数组。
如何获取 Vue 3 组件实例
Vue 3 提供了多种方法来获取组件实例：
1. 访问 $refs
$refs 对象包含了挂载到组件上的子组件实例的引用。要访问组件实例，可以使用以下语法：
立即学习“前端免费学习笔记（深入）”；
this.$refs.myComponentInstance
其中 myComponentInstance 是挂载到组件上的子组件的名称。
2. 使用 findComponentRef() 方法
findComponentRef() 方法可用于根据组件名称或 ID 查找组件实例。该方法返回组件实例，或 null（如果找不到该组件）。
Android WebView实例详解 中文WORD版
下载
本文档主要讲述的是Android WebView实例详解；Android手机中内置了一款高性能webkit内核浏览器，在SDK中封装为一个叫做WebView组件。 WebKit是Mac OS X v10.3及以上版本所包含的软件框架（对v10.2.7及以上版本也可通过软件更新获取）。 同时，WebKit也是Mac OS X的Safari网页浏览器的基础。WebKit是一个开源项目，主要由KDE的KHTML修改而来并且包含了一些来自苹果公司的一些组件。希望本文档会给有需要的朋友带来帮助；感兴趣的朋友可以过来
import { findComponentRef } from 'vue';
const myComponentInstance = findComponentRef(this, 'my-component');3. 使用 ref 和 created() 生命周期钩子
可以使用 ref 创建组件实例的引用，然后在 created() 生命周期钩子中访问它。
const myComponentRef = ref(null);
created() {
this.myComponentInstance = myComponentRef.value;
}4. 使用组件实例 id
Vue 3 提供了自动生成的组件实例 id。该 id 可以通过 this._uid 或 this.$vnode.component.uid 属性访问。
const myComponentInstance = document.getElementById(this._uid);
5. 使用父组件的 $children 数组
父组件可以通过 $children 数组访问其子组件的实例列表。
this.$children.forEach(child => {
if (child.$vnode.component.uid === 'my-component-instance-id') {
this.myComponentInstance = child;
return;
}
}); 
