视频教程小满Vue3&＃xff08;第十五章 全局组件&＃xff0c;局部组件&＃xff0c;递归组件&＃xff09;_哔哩哔哩_bilibili

配置全局组件

例如组件使用频率非常高&＃xff08;table&＃xff0c;Input&＃xff0c;button&＃xff0c;等&＃xff09;这些组件 几乎每个页面都在使用便可以封装成全局组件

案例------我这儿封装一个Card组件想在任何地方去使用

使用方法

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

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

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

使用方法

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

配置局部组件

template 

TreeItem 其实就是当前组件 通过import 把自身又引入了一遍 如果他没有children 了就结束