批量注册公共组件

需求：伴随着组件日益增加，每次使用组件都需要注册很是繁琐，因此批量注册公共组件应运而生】

1.创建一个components文件夹，把所有的公共组件放入改文件夹下，并在该文件夹下新建一个index.js

index.js

import header from './header'
import C1 from './C1'
import home1 from './testhome1'
import home2 from './testhome2'
import home3 from './testhome3'
import mycomponent from './mycomponent'
import testcomponent from './testcomponent'
import item from './testItem'
export default { header, C1, home1, home2, home3, mycomponent, testcomponent,item}

src/main.js

import components from './components/'

Object.keys(components).forEach((key)=>{
    var name=key.replace(/(\w)/,(v)=>v.toUpperCase())
    Vue.component(`v${name}`,components[key])
})

在组件内直接使用

<v-item class="item" :model="treeData"></v-item>
<v-testcomponent></v-testcomponent>