加载多个Vue版本导致的bug

团队自己开发的一个UI基础库依赖于Vue^2.5.16, 开发业务项目的时候由于Vue已经更新到2.6.10了,业务项目里面的Vue依赖是~2.5.16,所以导致安装项目依赖时,UI基础库安装了2.6.10版本,项目库安装了2.5.21版本,这样在运行时加载了两个版本的Vuejs库。

updateChildComponent这个函数会在给实例的$attrs和$listener属性赋值,处理前将isUpdatingChildComponent置为true,

处理后将isUpdatingChildComponent置为false。只有在更新子组件时,这两个值是可写的,否则Vue会给出”$attrs/$listeners is readonly”的警告错误。但是由于UI库代码运行时重新加载了Vue,导致在执行updateChildComponent函数时,在操作$attrs/$listeners之前将isUpdateChildComponent重置成false了。因此出现”$attrs/$listeners is readonly”的错误警告。


同样的情境遇到两次了,当时也找出了引起问题的原因,但是没有记录下来,导致这次也费了不少时间debug源码。

可见好记性不如硬笔头,还是要通过文字记录下来。

posted @ 2019-04-02 11:08  多一点坚持  阅读(632)  评论(0编辑  收藏  举报