Skip to content
On this page

全局组件,局部组件,递归组件

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";

3、配置递归组件