Skip to content
本页目录

Vue3.0 app.use() 注册全局组件


用**app.use()**注册全局组件,Vue会当做一个插件来使用

如果插件是一个对象,必须提供 install 方法。如果插件是一个函数,它会被作为 install 方法。install 方法调用时,会将 app 作为参数传入。

第一步:先准备好一个将要被全局使用的组件

第二步:在一个js文件夹下

javascript
import PageTools from './PageTools'
export default {
  install: (app) {
    app.component('PageTools', PageTools)
  }

第三步:在main.js中,注入这个js文件

javascript
import MyUI from '@/components'
createApp(App)
  .use(store)
  .use(router)
  .use(MyUI )
  .mount('#app')