其他分享
首页 > 其他分享> > 全局自动注册组件

全局自动注册组件

作者:互联网

import Vue from 'vue'

// const requireComponent = require.context('公共组件的目录',是否深度查找,匹配正则)
const requireComponent = require.context('./', true, /.vue$/)

requireComponent.keys().forEach((item) => {
  var defaultCom = requireComponent(item).default
  Vue.component(defaultCom.name, defaultCom)
})

在main.js中导入此段代码

import '@/components'

 

 

注意:一定要在组件内定义name值

使用时直接使用组件名即可

标签:Vue,const,注册,defaultCom,requireComponent,组件,import,全局
来源: https://www.cnblogs.com/shinnhou/p/15777879.html