全局组件
在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的递归一样,自己使用自己,通过一个结束条件限制,不然会内存泄漏。