一窜代码注册文件所有组件
import Vue from 'vue'/*** directory=./ 扫描 当前目录下面所有的文件* useSubdirectories = false, 表示不需要递归扫描所有子文件夹* regExp=/\.vue$/ 代表扫描所有.vue 结尾的文件*/const context = require.context('./', false, /\.vue$/)/*** context.
·
一些自定义的全局组件,需要一个个的引入。 这很烦!!
于是我加了个js文件批量注册
// index.js
import Vue from 'vue'
/**
* directory=./ 扫描 当前目录下面所有的文件
* useSubdirectories = false, 表示不需要递归扫描所有子文件夹
* regExp=/\.vue$/ 代表扫描所有.vue 结尾的文件
*/
const context = require.context('./', false, /\.vue$/)
/**
* context.keys() 返回所有匹配到的文件路径
*/
context.keys().forEach(key => {
// 通过context(key) 获得对应的文件 .default 代表 export default 所导出的内容
const component = context(key).default
// 安装vue组件
Vue.component(component.name, component)
})
注意
这个文件得在main.js
文件中引入。
这个文件是用组件明为 组件的html名称, 切记必须有 必须不一样。
更多推荐
已为社区贡献17条内容
所有评论(0)