【学习张天禹老是的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事件

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

相关推荐
dy17173 小时前
element-plus表格默认展开有子的数据
前端·javascript·vue.js
Broken Arrows6 小时前
Linux学习——管理网络安全(二十一)
linux·学习·web安全
今天也要学习吖7 小时前
谷歌nano banana官方Prompt模板发布,解锁六大图像生成风格
人工智能·学习·ai·prompt·nano banana·谷歌ai
雁于飞7 小时前
vscode中使用git、githup的基操
笔记·git·vscode·学习·elasticsearch·gitee·github
索迪迈科技7 小时前
网络请求库——Axios库深度解析
前端·网络·vue.js·北京百思可瑞教育·百思可瑞教育
rannn_1117 小时前
【Javaweb学习|实训总结|Week1】html基础,CSS(选择器、常用样式、盒子模型、弹性盒布局、CSS定位、动画),js(基本类型、运算符典例)
css·笔记·学习·html
一朵梨花压海棠go8 小时前
html+js实现表格本地筛选
开发语言·javascript·html·ecmascript
wanzhong23339 小时前
ArcGIS学习-20 实战-地形研究
学习
一只小风华~9 小时前
Vue: Class 与 Style 绑定
前端·javascript·vue.js·typescript·前端框架