vue父组件引用子组件示例

假设你有一个子组件名为 "ChildComponent"，在你的父组件中，你可以像这样引用它：

<template>
  <div>
    <child-component></child-component>
  </div>
</template>

<script>
import ChildComponent from './ChildComponent.vue';

export default {
  name: 'ParentComponent',
  components: {
    ChildComponent
  }
}
</script>

这里的 `ChildComponent` 是你在 `import` 语句中定义的组件，然后在 `components` 对象中将其注册为父组件的子组件。然后你可以在父组件的模板中使用 `<child-component></child-component>` 标签来引用子组件。