Vue3配置注册插件

什么是插件

扩展vue原有的功能：全局组件，自定义指令，挂载原型方法，注意：没有全局过滤器。这就是插件

插件的语法要素

vue2.0插件写法要素：导出一个对象，有install函数，默认传入了Vue构造函数，Vue基础之上扩展

vue3.0插件写法要素：导出一个对象，有install函数，默认传入了app应用实例，app基础之上扩展

// 导入组件
import Skeleton from './skeleton.vue'

// 向外暴露一个对象 需要有 install 方法
export default {
  install (app) {
    // 在app上进行扩展，app提供 component directive 函数
    // 如果要挂载原型 app.config.globalProperties 方式
    app.component(Skeleton.name, Skeleton)
  }
}

 在main.js入口文件中导入上面暴露的对象， 进行配置 通过 .use() 方法挂载

import { createApp } from 'vue'
import App from './App.vue'
import router from './router'
import store from './store'
// 导入插件库
import UI from '@/components/library'
// 初始化样式
import 'normalize.css'
import '@/assets/style/common.less'

createApp(App).use(store).use(router).use(UI).mount('#app')