vue3.0怎么拿到组件实例
时间: 2023-09-23 19:07:34 浏览: 85
用 Vue3.0 写过组件吗?如果想实现一个 Modal 你会怎么设计?
你可以使用`ref`函数或`$refs`属性来获取组件实例。使用`ref`函数来在组件上创建一个引用,然后在生命周期钩子或方法中访问该引用,就可以获取到组件实例了。例如,下面的代码就可以获取一个名为`myComponent`的组件的实例:
```javascript
<template>
<my-component ref="myComponent"></my-component>
</template>
<script>
import MyComponent from './MyComponent.vue';
export default {
components: { MyComponent },
mounted() {
const myComponentInstance = this.$refs.myComponent;
// now you have the component instance
}
}
</script>
```
使用`ref`函数时需要注意,如果组件是通过`v-for`指令动态生成的,那么`ref`函数返回的实例将是一个数组,需要使用数组索引来访问实例。同时,`ref`函数只能用在组件上,不能用在普通的 DOM 元素上。
阅读全文