Vue.js中监听器执解决方法·default·使用属性强制重新渲染组件避免重复绑定监听器
Vue.js中监听器执行两遍的原因与解决方法
一、开发环境的严格模式
在Vue 3中,开发模式默认开启了严格模式,这有助于我们捕捉到潜在的问题。但是,这也会导致一些副作用,比如某些生命周期钩子函数被执行两次。
严格模式的作用:
- 检查组件的生命周期钩子函数是否正确实现。
- 检查组件的依赖是否正确声明。
- 检查组件的状态是否有不合理的变化。
解决方法:
- 在配置文件中关闭严格模式:在`
在Vue 3中,开发模式默认开启了严格模式,这有助于我们捕捉到潜在的问题。但是,这也会导致一些副作用,比如某些生命周期钩子函数被执行两次。
严格模式的作用:
解决方法: