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

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

相关推荐
大春儿的试验田3 分钟前
高并发收藏功能设计:Redis异步同步与定时补偿机制详解
java·数据库·redis·学习·缓存
Mintopia33 分钟前
四叉树:二维空间的 “智能分区管理员”
前端·javascript·计算机图形学
慌糖38 分钟前
RabbitMQ:消息队列的轻量级王者
开发语言·javascript·ecmascript
Mintopia44 分钟前
Three.js 深度冲突:当像素在 Z 轴上玩起 "挤地铁" 游戏
前端·javascript·three.js
markyankee1011 小时前
Vue.js 入门指南:从零开始构建你的第一个应用
vue.js
MrSkye1 小时前
🔥JavaScript 入门必知:代码如何运行、变量提升与 let/const🔥
前端·javascript·面试
爱学习的茄子1 小时前
深入理解JavaScript闭包:从入门到精通的实战指南
前端·javascript·面试
金色光环1 小时前
【Modbus学习笔记】stm32实现Modbus
笔记·stm32·学习
THMOM911 小时前
TinyWebserver学习(9)-HTTP
网络协议·学习·http
zhanshuo2 小时前
不依赖框架,如何用 JS 实现一个完整的前端路由系统
前端·javascript·html