【学习张天禹老师的vue课程发现的一个问题-vue销毁时候到底会不会解绑原生的dom事件？】
视频中,老是演示的结论是当我们调用$destroy方法时候, vue只会解绑自定义的dom事件,但是我在学习过程中发现vm销毁之后同时也会销毁原生的dom事件
演示老师的代码案例
-
点击事件都生效
-
销毁
-
再次点击事件
发现自定义的事件不响应了, 但是原生事件还可以响应(看控制台, 但是数据绑定失效, 求和变成了0并且不变化)
确实是原生dom没有解绑
我的代码是原生dom事件也不响应了, 应该也被解绑了
版本问题
经过分析和测试后发现是我们的vue版本不一样, 我使用的是2.6.14, 老师使用的是2.6.11
注意版本不要加上^, 这样会导致使用最新的小版本, 问题无法复现, 并删除package-lock.json, 如果有这个文件将会锁定版本, 导致修改不能生效
我测试得出的结论是
2.6.11销毁vue实例时候, 只会解绑自定义的dom事件, 但是2.6.14会解绑所有的dom事件
如果分析有误,希望各位大佬指正