当前位置:首页 >  站长 >  编程技术 >  正文

VUE中watch用法

 2020-11-05 14: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

申请创业报道,分享创业好点子。点击此处,共同探讨创业新机遇!

相关标签
用法

相关文章

  • 详解SQL游标的用法

    这篇文章主要介绍了SQL游标的用法,文中讲解非常详细,配合代码帮助大家更好的理解学习,感兴趣的朋友可以了解下

    标签:
    用法
  • sql server数据库中raiserror函数用法的详细介绍

    这篇文章主要介绍了sqlserver数据库中raiserror函数用法的详细介绍,raiserror用于抛出一个异常或错误,让这个错误可以被程序捕捉到。对此感兴趣的可以了解一下

    标签:
    sqlserver
    用法
  • PHP常量DIRECTORY_SEPARATOR原理及用法解析

    这篇文章主要介绍了PHP常量DIRECTORY_SEPARATOR原理及用法解析,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下

    标签:
    php教程
    用法
  • SQLServer中row_number分页查询的用法详解

    这篇文章主要介绍了SQLServer中row_number的用法详解,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧

    标签:
    sqlserver
    用法
  • sqlserver交集差集的用法详解

    这篇文章主要介绍了sqlserver交集,差集的用法详解,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧

    标签:
    sqlserver
    用法

热门排行

信息推荐