互联网技术 · 2024年2月15日 0

VUE中的watch用法改写

一、 watch是什么?

监测 Vue 实例变化的一个表达式或方法。回调函数得到的参数为新值和旧值,用一个函数取代。

简洁的说:watch的作用可以监控一个值的变换,并调用因为变化需要执行的方法。可以通过watch动态改变关联的状态。

二、watch的(三种)应用

1、监听一个数据变化

data(){

return{

val:2

}

,

watch: {

val: {

handler(newVal, objVal) {

console.log(11);

,

}

}

2、当监测为对象的时候(非数组情况),deep = true (对象内部的属性监听,也叫深度监听),包含handler方法和immediate(进入组件的时候,第一次并不会执行watch,是因为immediate 默认 false,当 immediate = true 的时候,进入组件会立即执行。并且可以监测到组件传递数据)

 

watch: {

obj.name: {

handler(newName, oldName) {

// …

,

deep: true,

immediate: true

}

}

文章来源:田珊珊个人博客

来源地址:http://www.tianshan277.com/853.html