vue中全局批量注册组件

不说废话,直接撸码 ,新建index.js,引入组件,注册。

import test from './test.vue'
import demo from './demo.vue'const components = {    test,
    demo};
const install = function(Vue, opts = {}) {    Object.keys(components).forEach((key) => {        Vue.component(key, components[key]);    });};
export default install;复制代码

main.js中导入模块,使用组件

import views from 'views/index.js'
Vue.use(views)复制代码

最后全局可使用组件

<test>test>复制代码


你可能感兴趣的:(vue中全局批量注册组件)