vue 批量引入全局组件

Posted xiaoliang-

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue 批量引入全局组件相关的知识,希望对你有一定的参考价值。

//main.js

import components from ‘./components‘
Vue.use(components)

 

//src/components/index.js

import loading from ‘./loading‘
import model from ‘./model‘
import headerTop from ‘./headerTop‘
import headerBar from ‘./headerBar‘
import companyItem from ‘./companyItem‘
import goodsCode from ‘./goodsCode‘
import harmItem from ‘./harmItem‘
export default {
    install(Vue, options) {
        Vue.component(‘loading‘, loading);
        Vue.component(‘model‘, model);
        Vue.component(‘headerTop‘, headerTop);
        Vue.component(‘headerBar‘, headerBar);
        Vue.component(‘companyItem‘, companyItem);
        Vue.component(‘goodsCode‘, goodsCode);
        Vue.component(‘harmItem‘, harmItem);
  }
}        

 



以上是关于vue 批量引入全局组件的主要内容,如果未能解决你的问题,请参考以下文章

Vue批量全局引入js及对应方法

vue 引入全局组件/局部引入

Vue组件之全局组件与局部组件

Vue组件之全局组件与局部组件

Vue3 组件。基本组件,全局组件引用,组件批量引用

vue-cli 全局组件的引入和 App.vue局部组件的引入方法区别