vue3.1 怎么拿子组件 创建的实例
时间: 2023-05-21 19:07:07 浏览: 186
您可以使用 `createApp` 方法创建 Vue3.1 的应用程序实例,并使用组件的名称或组件的定位符(import 或 require 文件)创建子组件的实例。例如:
```
import { defineComponent } from 'vue'
const ChildComponent = defineComponent({
name: 'ChildComponent',
template: '<div>Hello world!</div>'
})
const ParentComponent = defineComponent({
name: 'ParentComponent',
template: '<div><child-component ref="childComponent"></child-component></div>',
components: {
ChildComponent
},
mounted() {
const childComponentInstance = this.$refs.childComponent
// Do something with the childComponentInstance here
}
})
```
在这个示例中,`ParentComponent` 创建了一个 `ChildComponent` 实例,并通过 `ref` 属性添加到 `ParentComponent` 中。在 `ParentComponent` 实例的 `mounted` 钩子中,可以使用 `this.$refs.childComponent` 获取子组件的实例,并对其执行任何操作。
阅读全文