Vue TypeScript @Watch监听里面immediate的用法

immediate：

顾名思义就是立即执行的意思，放在我们程序里，就是在页面初始化的时候就立即执行@Watch下面的handle函数。 

immediate一共有两个属性，true 和 false。不写immediate时@Watch默认immaediate参数为false。

immediate：true时，页面初始化就执行handle里面的方法。

//声明变量
private example: number = 0;//注册监听
@Watch("example", { immediate: true })
exampleChange(newVal: any, oldVal: any) {console.log(newVal, oldVal);
}

此时console.log可以打印出值，且example没有发生变化，因为immediate=true所以页面初始化就执行exampleChange()方法

immediate：false时，监听的数据发生变化才会执行handle里面的方法

//声明变量
private example: number = 0;//注册监听
@Watch("example", { immediate: false})
exampleChange(newVal: any, oldVal: any) {console.log(newVal, oldVal);
}//或者
@Watch("example")
exampleChange(newVal: any, oldVal: any) {console.log(newVal, oldVal);
}

此时控制台没有任何打印，因为example值没有发生任何变化，不会执行exampleChange()方法

本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！