8.Vue3 全局组件,局部组件,递归组件

139 阅读1分钟

全局组件

在main.ts 引入我们的组件跟随在createApp(App) 后面 切记不能放到mount 后面这是一个链式调用

其次调用 component 第一个参数组件名称 第二个参数组件实例

import { createApp } from 'vue'
import App from './App.vue'
import './assets/css/reset/index.less'
import Card from './components/Card/index.vue'
 
 
createApp(App).component('Card',Card).mount('#app')

使用方法

直接在其他vue页面 立即使用即可 无需引入

局部组件

就是在一个组件内(A) 通过import 去引入别的组件(B) 称之为局部组件

因为B组件只在A组件内使用 所以称为局部组件

递归组件

通过import引入自身,和js的递归一样,自己使用自己,通过一个结束条件限制,不然会内存泄漏。