vue 注册全局组件的方法

1、在components文件夹下新建package文件夹 （文件夹可以随意命名），然后在package文件夹下创建index.js

 

2. 在index.js中写入如下代码 import Vue from ‘vue’ // 引入vue
// 第一个参数表示从哪个文件夹开始匹配 这里表示从当前文件夹开始
// 第二个参数表示是否匹配子文件夹中的内容
// 第三个参数表示要匹配的文件的类型 这里匹配vue文件
const componentsContext = require.context(’.’, true, /.vue$/)
componentsContext.keys().forEach(component => {undefined
const componentConfig = componentsContext(component)
// 如果组件是export default 则使用default
const ctrl = componentConfig.default || componentConfig
// 注册组件名称
Vue.component(ctrl.name, ctrl)
})

 

3. 在main.js中导入该js文件即可
4. 注意使用组件时驼峰命名要改成连接符连接的形式 例如 AaBb 要写成 aa-bb