Vue watchEffect 高级监听器

一、基本使用

现在定义了两个响应式变量,仅在watchEffect中加入其中一个

分别修改两个input的值,只会触发写在watchEffect内的变量

注意:在刷新页面后,将会自动触发一次监听事件,相当于默认Watch开启了imediate:true

二、监听多个对象

将需要监听的对象放入watchEffect中即可

三、oninvalidate

watchEffect 支持回调函数oninvalidate,可以在数据之前处理

四、停止监听

可以停止元素监听

五、获取dom

六、开发调试

相关推荐
mapbar_front13 分钟前
react项目开发—关于代码架构/规范探讨
前端·react.js
二木一夕20 分钟前
Vue 3 的组合式 API和传统选项式 API区别(vue2转vue3,两者差异)
前端
LuckySusu22 分钟前
【vue篇】Vue 项目中的静态资源管理:assets vs static 终极指南
前端·vue.js
LuckySusu22 分钟前
【vue篇】Vue.delete vs delete:数组删除的“陷阱”与正确姿势
前端·vue.js
LuckySusu24 分钟前
【vue篇】Vue 模板编译原理:从 Template 到 DOM 的翻译官
前端·vue.js
小菜摸鱼26 分钟前
Node.js + vue3 大文件-切片上传全流程(视频文件)
前端·node.js
LuckySusu30 分钟前
【vue篇】Vue 2 响应式“盲区”破解:如何监听对象/数组属性变化
前端·vue.js
LuckySusu30 分钟前
【vue篇】Vue Mixin:可复用功能的“乐高积木”
前端·vue.js
洋不写bug42 分钟前
前端环境搭建,保姆式教学
前端
需要兼职养活自己1 小时前
react高阶组件
前端·react.js