**全局组件注册**
一:在components文件夹里,创建index.js文件
添加一下代码:
import Vue from ‘vue’
context()参数:1、要检索的文件的位置 2、是否查询子组件 3、正则表达式来表示要检查出的文件
const componentsContext = require.context(’./global’,true,/.vue$/)
componentsContext.keys().forEach(component => {
const componentConfig = componentsContext(component)
const ctrl = componentConfig.default || componentConfig
Vue.component(ctrl.name, ctrl)
})
2 在根目录的main.js 里引入该代码块
import 文件地址(例:./components/index.js)
3 全局组件的编写:
在./global文件夹下编写自己要注册成为全局的组件,即vue文件
运行即可在页面看到全局组件内容