全局components组件注册

1.再components目录下创建一个index.js文件

 

 

2.在index.js 引入要全局注册的组件并导出

vue提供install可供我们开发新的插件及全局注册组件等
install方法第一个参数是vue的构造器，第二个参数是可选的选项对象

 

//引入要全局注册的组件
import MyForm from './MyForm'
import MyHeader from './MyHeader'
import MyAside from './MyAside'
import MyMain from './MyMain'
import Breadcrumb from './Breadcrumb'
import MyDialog from './MyDialog'
import MyTable from './MyTable'
import ContentLayout from '../../layouts/ContentLayout'


export default {
    install(Vue) {
        [MyTable,MyDialog,ContentLayout,Breadcrumb,MyForm,MyHeader,MyAside,MyMain].forEach(item=> Vue.component(item.name,item))
    }
}

Vue.component(item.name,item)  第一个参数是组建的名称  第二个是导入的组件

详细使用说明可见官网：API — Vue.js

 

3.在main.js导入

官方对 Vue.use() 方法的说明：通过全局方法 Vue.use() 使用插件

import Components from '@/components/index'  //引入刚创建的注册文件

Vue.use(Components)