unplugin-vue-components解决命名冲突问题
更新时间：2024年03月21日 14:59:48 作者：菜鸟茜
这篇文章主要介绍了unplugin-vue-components解决命名冲突问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教
unplugin-vue-components命名冲突问题
我们在vue项目中通常会利用unplugin-vue-components插件进行自定义组件的自动引入
注：
如果不知道怎么配置unplugin-vue-components插件，欢迎看我整理的这篇：
vue3项目配置按需自动引入自定义组件unplugin-vue-components
当出现同名文件时，怎么解决？
- 非常简单，只需要多一项属性配置directoryAsNamespace为true即可
- 在引用时，需要增加路径名作为前缀，以components下的路径为起点
将会自动生成components.d.ts文件
当新增vue文件时，components.d.ts会自动生成相应的声明，但是，当你修改或者删除文件，人家可就不负责修改或删除文件对应的记录了，原有记录依旧会被保留。
如果不想生成components.d.ts文件，需要设置属性【dts】为【false】，
注：vue+ts项目，dts属性默认为true，因此在你不留意时，它就自动生成啦。
具体怎么用，只需要记住2点
- 1.同名加路径前缀，不同名也要加路径前缀
- 2.多级目录，就加多级路径前缀
下图这个例子：
我用不同颜色区分了同名、不同名和多级目录这几种情况，看一下，你应该就理解啦
大概就是这样啦，至于到底要不要设置directoryAsNamespace为true，就看你个人习惯啦~
- false时，就要多花点脑细胞想名字
- true时，就需要引用时多敲点代码
总结
以上为个人经验，希望能给大家一个参考，也希望大家多多支持脚本之家。
相关文章
在vue项目中,搜索功能是我们经常需要使用的一个场景,下面这篇文章主要给大家介绍了关于Vue关键字搜索功能的相关资料,文中通过实例代码介绍的非常详细,需要的朋友可以参考下2023-06-06
本文主要还是针对 Vue.js 2.x 版本，毕竟接下来一段时间，Vue.js 2.x 还是我们工作中的主流版本，对vue.js性能优化技巧相关知识感兴趣的朋友一起看看吧2021-09-09
本文详尽的讲了在Vue项目中,如何实现路由跳转传参的4四种方式（2大路由跳转方式,每种方式包括4种路由传参实现形式）,以及每种方式中实现路由跳转包括路由传参的方法的各种写法,需要的朋友可以参考下2024-04-04
这篇文章主要介绍了vue项目watch内的函数重复触发问题的两种解决方案，帮助大家更好的理解和学习使用vue，感兴趣的朋友可以了解下2021-04-04
这篇文章主要介绍了vue element-ui动态横向统计表格的实现方式，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-08-08
vue computed计算属性显示undefined的解决
这篇文章主要介绍了vue computed计算属性显示undefined的解决方案,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教2023-11-11
这篇文章主要介绍了vant-List-@load事件一直触发的解决方案，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2023-01-01
本篇文章主要介绍了Vuex利用state保存新闻数据实例，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-06-06
这篇文章主要给大家介绍了关于Vue利用History记录上一页面的数据的相关资料，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2018-11-11
这篇文章主要介绍了vue实现点击展开,点击收起效果，首先我们需要定义data里面的数据，使用computed对data进行处理,需要的朋友可以参考下2018-04-04
最新评论