一、 watch是啥?
检测 Vue 案例转变的一个关系式或方式。回调函数获得的主要参数为新值和旧值,用一个涵数替代。
简约的说:watch的功效能够监管一个值的转换,并启用由于转变必须实行的方唐山市网络科技公司法。能够根据watch动态性更改关系的情况。
二、watch的(三种)运用
1、监视一个数据信息转变
<pre class="wp-block-code"><code><input type="text" v-model="val"/></code></pre>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