VUE中watch监听器怎么用
发表于:2024-10-22 作者:千家信息网编辑
千家信息网最后更新 2024年10月22日,小编给大家分享一下VUE中watch监听器怎么用,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!侦听器一般来说是用来监听数据
千家信息网最后更新 2024年10月22日VUE中watch监听器怎么用
小编给大家分享一下VUE中watch监听器怎么用,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!
侦听器一般来说是用来监听数据的变化,默认是在数据发生变化时执行。
监听的数据名放到这里面作为函数名,这个函数里面有两个参数,一个是新值,一个是旧值。
在vue中,使用watch来响应数据的变化,关于watch的用法大致有三种。
1、下面代码是watch的一种简单的用法
2、immediate 立即监听
使用watch基本用法时有一个特点,就是当值第一次绑定的时候,不会执行监听函数,只有值发生改变才会执行。如果我们需要在最初绑定值的时候也执行函数,则就需要用到immediate属性。
watch: { firstName: { handler(newName, oldName) { this.fullName = newName + ' ' + this.lastName; }, { immediate: true } }}
监听的数据后面写成对象形式,包含handler方法和immediate,上面简单的写法我们写的函数其实就是在写这个handler方法、默认省略而已。
3、handler方法
//handler方法就是你watch中需要具体执行的方法Number: {{ myNumber }}
Number:
4、 deep属性
对于对象或者对象中的属性,我们如何监听?那么就介绍deep属性。它的作用就是解决这个问题的关键。
obj.a: {{obj.a}}
obj.a:
上面的代码如果不加deep:true 那么console中就不会执行,只执行第一次,输出结果为undefined
默认情况下 handler 只监听obj这个属性它的引用的变化,我们只有给obj赋值的时候它才会监听到。
这个时候就可以使用deep深入观察,监听器会一层层的往下遍历,给对象的所有属性都加上这个监听器,但是这样消耗过大。
以上是"VUE中watch监听器怎么用"这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注行业资讯频道!
监听
函数
数据
属性
方法
监听器
对象
就是
时候
变化
篇文章
代码
内容
只有
形式
第一次
面的
一般来说
不怎么
两个
数据库的安全要保护哪些东西
数据库安全各自的含义是什么
生产安全数据库录入
数据库的安全性及管理
数据库安全策略包含哪些
海淀数据库安全审计系统
建立农村房屋安全信息数据库
易用的数据库客户端支持安全管理
连接数据库失败ssl安全错误
数据库的锁怎样保障安全
数据库安全文献
ted网络安全专家介绍
如何看内存条是不是服务器内存条
网络安全有奖答案
关于数据库建表的要求
博思致新互联网科技有限责任公司
目前网络技术发展
115网盘数据库在哪
sql怎么删除数据库的对象
存储服务器主板
网络安全大专学历可以吗
九龙谷服务器我的世界
网络基础与网络技术试题
法院关于网络安全自查报告
网络安全涉及到的因素有哪些
哪些数据库技术
山西正规软件开发报价
国耀网络技术支持玉林网站
Vb怎样才能访问到云数据库
电力网络安全检测装置厂家
西电网络安全学院院长
用大白菜给服务器装系统
无锡企业软件开发价格咨询
物理服务器如何迁移到虚拟机
骑士cms 数据库
网络安全与防护试题
美国网络安全保险分类
优质网络技术公众号
长沙市傲贲网络技术有限公司
凤翔县网络安全宣传