加载多个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源码。

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

转载于:https://www.cnblogs.com/NewbieSherlock/p/10641400.html