比如:有一个App.vue组件
和一个 MyHeader.vue组件
,想要在App组件
中使用MyHeader
组件,需要以下三步:
<template>
<div>
# 3.在DOM结构中以标签的形式使用组件
<my-header></my-header>
</div>
</template>
<script>
// 1. 先导入MyHeader.vue组件
import MyHeader from './components/MyHeader.vue'
export default{
// 2. 注册导入的组件
components:{
MyHeader
}
}
</script>