VUE中watch使用方法
  • 作者:admin
  • 发表时间:2020-11-06 07:50
  • 来源:未知

一、 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