在main.js中注册全局组件

1，在components下创建index.js
注册全局组件， 并且暴露出去

import header from './Header'
export default { header }

然后在main.js中引入

import components from './components/index'//加载公共组件
Object.keys(components).forEach((key) => {
  var name = key.replace(/(\w)/, (v) => v.toUpperCase()) //首字母大写
  Vue.component(`v${name}`, components[key])
})