【学习张天禹老是的vue课程发现的一个问题-vue销毁时候到底会不会解绑原生的dom事件?】

视频中,老是演示的结论是当我们调用$destroy方法时候, vue只会解绑自定义的dom事件,但是我在学习过程中发现vm销毁之后同时也会销毁原生的dom事件

演示老师的代码案例

  1. 点击事件都生效

  2. 销毁

  3. 再次点击事件

    发现自定的事件不响应了, 但是原生事件还可以响应(看控制台, 但是数据绑定失效, 求和变成了0并且不变化)

确实是原生dom没有解绑

我的代码是原生dom事件也不响应了, 应该也被解绑了

版本问题

经过分析和测试后发现是我们的vue版本不一样, 我使用的是2.6.14, 老师使用的是2.6.11

注意版本不要加上^, 这样会导致使用最新的小版本, 问题无法复现, 并删除package-lock.json, 如果有这个文件将会锁定版本, 导致修改不能生效

我测试得出的结论是

2.6.11销毁vue实例时候, 只会解绑自定义的dom事件, 但是2.6.14会解绑所有的dom事件

如果分析有误,希望各位大佬指正

相关推荐
你真的可爱呀5 分钟前
5.Three.js 学习(基础+实践)
学习·three.js
百思可瑞教育3 小时前
uni-app 根据用户不同身份显示不同的tabBar
vue.js·uni-app·北京百思可瑞教育·北京百思教育
雾恋7 小时前
最近一年的感悟
前端·javascript·程序员
华仔啊7 小时前
Vue3 的 ref 和 reactive 到底用哪个?90% 的开发者都选错了
javascript·vue.js
A黄俊辉A7 小时前
axios+ts封装
开发语言·前端·javascript
小李小李不讲道理8 小时前
「Ant Design 组件库探索」四:Input组件
前端·javascript·react.js
茯苓gao8 小时前
STM32G4 电流环闭环
笔记·stm32·单片机·嵌入式硬件·学习
郑板桥308 小时前
tua-body-scroll-lock踩坑记录
前端·javascript
easy20208 小时前
机器学习的本质:从跑模型到真正解决问题
笔记·学习·机器学习