vue父组件调用子组件的方式 写一个列子
时间: 2023-05-23 22:02:45 浏览: 86
vue 父组件中调用子组件函数的方法
5星 · 资源好评率100%
如果您想要在Vue父组件中调用子组件,可以通过在父组件的template中使用子组件的标签来实现这一目的。以下是一个示例:
```
<template>
<div>
I am the parent component!
<ChildComponent />
</div>
</template>
<script>
import ChildComponent from './ChildComponent.vue'
export default {
components: {
ChildComponent
},
name: 'parent-component'
}
</script>
```
在此示例中,我们在父组件的template中包含了ChildComponent子组件的标签。同时,在父组件的script标签中,我们通过import语句将ChildComponent引入到该组件中,并设置了components对象的属性。这使得我们能够在父组件的template中使用ChildComponent标签调用子组件。
阅读全文