全局组件,局部组件,递归组件
1、配置全局组件
例如组件使用频率非常高(table,Input,button,等)这些组件 几乎每个页面都在使用便可以封装成全局组件
tsx
import { createApp } from 'vue'
import App from './App.vue'
import './assets/css/reset/index.less'
import Card from './components/Card/index.vue'
//在main.ts 引入我们的组件跟随在createApp(App) 后面 切记不能放到mount 后面这是一个链式调用用
createApp(App).component('Card',Card).mount('#app')
直接在其他vue页面 立即使用即可 无需引入
vue
<template>
<Card></Card>
</template>
2、配置局部组件
就是在一个组件内(A) 通过import 去引入别的组件(B) 称之为局部组件
tsx
import layoutHeader from "./Header.vue";
import layoutMenu from "./Menu.vue";