Vue注册全局组件,vue全局注册组件和单独引用有什么区别

　　本文主要介绍了vue对全局组件自动注册的实现，具有很好的参考价值。希望对你有帮助。如有错误或不足之处，请不吝赐教。

vue全局组件自动注册

　　1.在组件目录下创建一个全局目录，其中放置了一些需要全局注册的组件。

　　index.js的作用是导入main.vue，导出组件对象。

　　2.在组件中创建一个index.js来扫描全局对象并自动注册它们。

　　3.最后，将这个index.js导入到导入文件main.js中就足够了

　　4.直接使用

　　今天有一个想法，vue的一些组件，可能是全球通用的。我觉得应该用main.js写

　　Vue.component(名称，实例)

　　然后是势在必行，写出来也不好看。我认为，可以有一个功能，例如，可以指定组件下文件的加载，并自动完成全局注册。想起来很帅。

　　放代码：

　　导出函数autoLoadingGlobalComponent() {

　　const require component=require . context(

　　//其组件目录的相对路径

　　./组件，

　　//查询其子目录？

　　假的，

　　//与vue后缀文件名匹配的文件

　　/\.vue$/

　　)

　　//遍历得到的文件名，依次全局注册。

　　requireComponent.keys()。forEach(文件名={

　　//获取组件配置(实例)

　　const component config=require component(文件名)

　　//获取组件的PascalCase名称(例如：MYHeader)

　　const componentName=_。上层优先(

　　//获取驼峰命名

　　_.茶包(

　　//剥掉`。/`开头和扩展名例如：文件名末尾的/food-header.vue-foodheader。

　　fileName.replace(/^\.\/(.*)\.\w $/， $1 )

　　)

　　//全局注册组件

　　组件(

　　组件名，

　　//如果此组件选项通过导出默认值导出，

　　//然后`。将首先使用默认值，

　　//否则退回到用法模块的根。

　　componentConfig.default 组件配置

　　)

　　})

　　}

　　以上个人经历，希望能给大家一个参考，也希望大家多多支持我们。

郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。