问题背景
今天在写代码时遇到一个问题,我一开始没有使用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,我是秋窗,今天的分享就到这里,我们下期再见👋