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)