vue 自动注册某个文件夹下的所有组件

  • 在组件同级目录下创建index.js
const install = (Vue) => {
    const requireComponent = require.context(".", true, /\.vue/);

    requireComponent.keys().forEach(fileName => {
        const config = requireComponent(fileName);
        Vue.component(config.default.name, config.default);
    })
}
export default {
    install
}
  • 在main.js中引入
import install from '@/components/common/index.js'
Vue.use(install)

你可能感兴趣的:(vue,前端,vue.js,vue)