前言
记录一下昨天在公司中遇到的bug
Bug1
问题描述
昨天我需要将一个vue2的组件发到我们的私有npm上面去，我就需要将内容拆出来写出一个组件,然后依赖安装完成之后发现，我的element ui的table组件显示不了。
问题解决
后面去查阅资料，发现是vue2.7以上会导致这个bug，只需要将vue降级处理即可，我这里用的是vue2.6.14,所以只需要执行
1 | yarn add vue@2.6.14 |
Bug2
问题描述
vue2封装的组件可以看我之前的文章
地址:https://myblog-5g89ixpbbf1fbfad-1316695488.ap-shanghai.app.tcloudbase.com/2023/09/11/npm-package-send-2/
当然也有vue3版本的组件封装
地址:https://myblog-5g89ixpbbf1fbfad-1316695488.ap-shanghai.app.tcloudbase.com/2023/09/08/npm-package-send/
在我把vue2封装的组件发npm上去之后,因为vue2中有this这个概念，我在那个里面用了vuex,里面有this.$store
当我们把组件发上去之后，在新的项目引入的时候，这个this是会有问题的
问题解决
因此在使用的地方直接引入store，通过store.xxx来操作就可以避免这个,同样的道理，你在组件里面是全局引入的内容，比如ui库等，也是需要在组件使用的地方重新引入的。
结语
本篇文章就到这里，简单记录一下我昨天敲代码遇到的bug，更多内容敬请期待，债见~
