vue批量注册

vue批量注册组件

在components新建index.js文件

import Vue from 'vue'

// 使用 webpack 读取文件
// 这段代码表示 读取 ./目录下 且不加载子目录 找到 .vue 的文件
const importCom = require.context('./', false, /\.vue/)


importCom.keys().forEach((item) => {
  // 获取的是 每一个组件暴露出来的对象
  const defaultObj = importCom(item).default
  // 循环注册组件
  Vue.component(defaultObj.name, defaultObj)
})

批量注册过滤器

import Vue from 'vue'

const context = require.context('./modules', false, /^\.\/\w+\.js$/)

context.keys().forEach(item => {
  const [, name] = /^\.\/(\w+)\.js$/.exec(item)
  Vue.filter(name, context(item).default)
})