Vue自动化全局注册组件

1.新建一个Js文件,global-components.js

import Vue from 'vue'
const contexts = require.context(
    // 需要在哪个路径下自动化注册
    'base',
    // 是否查找下级子目录
    true,
    // 正则匹配需要注册的文件
    /\.vue/
)
contexts.keys().forEach(component => {
  let componentEntity = contexts(component).default
  // 使用自定义的组件名称进行全局组件注册
  Vue.component(componentEntity.name, componentEntity)
})

2.在main.js中引入该文件即可。

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • jHipster - 微服务搭建 CC_简书[https://www.jianshu.com/u/be0d56c4...
    quanjj阅读 847评论 0 2
  • 开发一个项目,采用什么语言都可以,主要能熟练高效的开发都是合理的,这次我们采用vue来开发一个团队项目。在开...
    MsgSS阅读 2,969评论 3 9
  • 概要 64学时 3.5学分 章节安排 电子商务网站概况 HTML5+CSS3 JavaScript Node 电子...
    阿啊阿吖丁阅读 9,368评论 0 3
  • Swift1> Swift和OC的区别1.1> Swift没有地址/指针的概念1.2> 泛型1.3> 类型严谨 对...
    cosWriter阅读 11,161评论 1 32
  • Vue组件 vue组件:封装前端vue特效代码,便于引用 全局组件全局组件通过Vue.component在scri...
    3e0693dcfb2f阅读 340评论 0 0