vue如何引用子组件

在 Vue 中引用子组件有两种方式：全局注册和局部注册。

1. 全局注册：
在主入口文件（一般是 main.js）中，使用 `Vue.component` 方法来注册子组件。然后在要使用子组件的地方，直接以标签形式引用即可。

// main.js
import Vue from 'vue';
import ChildComponent from './components/ChildComponent.vue';

Vue.component('child-component', ChildComponent);

// App.vue
<template>
  <div>
    <child-component></child-component>
  </div>
</template>

2. 局部注册：
在父组件中，使用 `components` 属性来注册子组件。然后在模板中以标签形式引用即可。

// ParentComponent.vue
<template>
  <div>
    <child-component></child-component>
  </div>
</template>

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

export default {
  components: {
    'child-component': ChildComponent
  }
}
</script>

无论是全局注册还是局部注册，都需要先导入子组件的代码，然后使用组件名来引用子组件。