ARTICLE · INTELLIGENCE

战地情报 · 详情页

来自尧图项目组的一线实战观察与深度解析

Vue中watch监听第一次不触发、深度监听

Vue中watch监听第一次不触发、深度监听 第一次不触发一handler其值是一个回调函数。即监听到变化时应该执行的函数。二是deep其值是true或false确认是否深入监听。(一般监听时是不能监听到对象属性值的变化的数组的值变化可以监听到。)三immediate其值是true或false确认是否以当前的初始值执行handler的函数例如我将父组件中的WatchId传递到这个子组件页面我要根据id来获取数据watch监听不到第一次的数据变化下面是我的例子script export default { props:{ WatchId:{ type:Number, default: } }, data(){ return{ editWatchId:, }, watch:{ WatchId:{ immediate:true, handler(id){ console.log(id) this.editWatchIdid } } }, } } /script
RELATED READING

延伸阅读

更多一线实战笔记与深度复盘,助您持续精进