原生javascript和Vue.js混用发生冲突,尝试用一种最简单的方法解决

问题背景

今天在写代码时遇到一个问题,我一开始没有使用Vue.js而是使用原生JS为DOM元素绑定事件,后来加上了Vue.js发现之前绑定的事件失效了,我的解决方法是,将引入原生JS文件的代码移动到引入Vue.js文件的代码的后面

解释

以我现有的知识水平(本人对Vue的认知还很肤浅🐶),个人认为当原生JavaScript在Vue.js之前执行时,它可能已经绑定了事件到DOM元素上。但是,Vue.js在实例化时会重新渲染DOM,如果Vue.js的初始化在原生JavaScript之后,它可能会覆盖或忽视原生JavaScript的绑定,导致事件失效。将原生JavaScript代码放在Vue.js之后执行,可以确保Vue.js已经设置好其响应式系统和事件监听器,原生代码在这个基础上运行,则不会与Vue.js的机制冲突。

声明

以上只是个人观点,只有事实基础,但理论可能不是那么准确,况且问题的原因千千万,我这里只是提供一种最简单的方法,是否有效则要看具体情况

OK,我是秋窗,今天的分享就到这里,我们下期再见👋

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

秋窗7

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值