Vue.js监听器watch中deep深度监听与immediate立即执行配置

deep 用于监听对象或数组内部属性变化，需显式开启；immediate 使监听器在绑定时立即执行一次。二者可组合使用，如监听嵌套对象并初始校验，但 deep 影响性能，应谨慎使用。Vue.js 中 watch 的 deep 和 immediate 是两个常用但容易混淆的配置项，它们解决的是不同场景下的响应式监听需求。deep：监听对象或数组内部属性的变化默认情况下，watch 只监听引用是否改变（浅监听）。当被监听的是一个对象或数组，且你关心其内部某个属性值变化（比如 user.name 或 list[0].id），就必须开启 deep: true。注意：deep 仅对对象、数组等复杂类型有效；对基本类型（如字符串、数字）设 deep 没有意义，也不会报错，但不会触发深度遍历。适用场景：监听表单对象、嵌套配置、Vuex state 片段、API 返回的嵌套数据 性能提示：开启 deep 会递归遍历所有嵌套属性，建立响应式依赖，数据结构很深时可能影响性能 不能监听 undefined 或 null 值的属性（会跳过）；建议确保初始值是合法对象/数组immediate：让监听器在绑定时立即执行一次immediate: true 表示 watch 回调在组件初始化、监听器创建完成时，**立刻用当前值执行一次**，而不仅是在后续变化时才触发。立即学习“前端免费学习笔记（深入）”； 跃问 跃问是由阶跃星辰开发的免费AI智能问答助手，随时帮你智能搜索、高效阅读、识图理解、和你畅聊感兴趣的话题。