位置: IT常识 - 正文

watch跟computed的区别(watch跟computed区别)

编辑:rootadmin
watch跟computed的区别

推荐整理分享watch跟computed的区别(watch跟computed区别),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:watch和compute的区别,computedwatch区别,watch 和 computed,watch和computed区别及用法,watch 和 computed,computed 和 watch 的区别和运用的场景?,watch 和 computed,watch 和 computed,内容如对您有帮助,希望把文章链接给更多的朋友!

大家好,我是大帅子,今天给大家讲一下watch跟computed的区别,下面我们直接开始吧

功能上:computed是计算属性,watch是监听一个值的变化,然后执行对应的回调。

是否调用缓存:computed中的函数所依赖的属性没有发生变化,那么调用当前的函数的时候会从缓存中读取,而watch在每次监听的值发生变化的时候都会执行回调。

watch跟computed的区别(watch跟computed区别)

是否调用return:computed中的函数必须要用return返回,watch中的函数不是必须要用return。

computed默认第一次加载的时候就开始监听;watch默认第一次加载不做监听,如果需要第一次加载做监听,添加immediate属性,设置为true(immediate:true)

使用场景:computed----当一个属性受多个属性影响的时候,使用computed-----购物车商品结算。watch–当一条数据影响多条数据的时候,使用watch-----搜索框.

watch的实现

<body> <div id="app"> 姓: <input type="text" v-model=firstName> 名: <input type="text" v-model=lastName> 姓名: <span>{{fullname}}</span> </div></body><script type="text/javascript"> var app = new Vue({ el: "#app", data: { firstName: 'z', lastName: 's', fullname: 'zs' }, watch: { firstName(newval) {​ this.fullname = newval + this.lastName }, lastName(newval) { this.fullname = this.firstName + newval }​ } })​</script> computed的实现

<body> <div id="app"> 姓: <input type="text" v-model=firstName> 名: <input type="text" v-model=lastName> 姓名: <span>{{fullname}}</span> </div></body><script type="text/javascript"> var app = new Vue({ el: "#app", data: { firstName: 'z', lastName: 's' }, computed: { fullname() { return this.firstName + this.lastName } } })​</script> watch与computed区别总结

computed支持缓存,相依赖的数据发生改变才会重新计算;watch不支持缓存,只要监听的数据变化就会触发相应操作

computed不支持异步,当computed内有异步操作时是无法监听数据变化的;watch支持异步操作

computed属性的属性值是一函数,函数返回值为属性的属性值,computed中每个属性都可以设置set与get方法。watch监听的数据必须是data中

本文链接地址:https://www.jiuchutong.com/zhishi/298576.html 转载请保留说明!

上一篇:人工智能导论(6)——机器学习(Machine Learning)(人工智能导论课后题答案)

下一篇:深度学习模型部署综述(ONNX/NCNN/OpenVINO/TensorRT)

  • 阅读数太低?你的文章很可能陷入了这几个误区(阅读量少)

    阅读数太低?你的文章很可能陷入了这几个误区(阅读量少)

  • 苹果13屏幕旋转怎么设置(苹果13屏幕旋转锁定)

    苹果13屏幕旋转怎么设置(苹果13屏幕旋转锁定)

  • oppo手机按键震动在哪里关闭(oppo手机按键震动怎么取消掉)

    oppo手机按键震动在哪里关闭(oppo手机按键震动怎么取消掉)

  • originos系统怎么自定义图标

    originos系统怎么自定义图标

  • qq60级是皇冠吗(qq60级升到皇冠多少天)

    qq60级是皇冠吗(qq60级升到皇冠多少天)

  • 荣耀30pro支持freebuds3骨声纹的吗(荣耀30PRO支持北斗导航功能)

    荣耀30pro支持freebuds3骨声纹的吗(荣耀30PRO支持北斗导航功能)

  • 小米限制应用使用时间怎么办(小米限制app使用)

    小米限制应用使用时间怎么办(小米限制app使用)

  • 屏幕被烫黄了能恢复吗(手机屏幕被烫黄了)

    屏幕被烫黄了能恢复吗(手机屏幕被烫黄了)

  • b站超大弹幕怎么发(b站超大弹幕怎么设置)

    b站超大弹幕怎么发(b站超大弹幕怎么设置)

  • qq拆开对方的礼物会有提醒吗(qq拆开对方的礼物怎么办)

    qq拆开对方的礼物会有提醒吗(qq拆开对方的礼物怎么办)

  • 换屏后手机发热是什么问题(换屏后手机发热会有什么影响)

    换屏后手机发热是什么问题(换屏后手机发热会有什么影响)

  • 华为畅享6s怎么分屏(华为畅享6s怎么恢复出厂设置)

    华为畅享6s怎么分屏(华为畅享6s怎么恢复出厂设置)

  • 微信验证身份证格式有误(微信验证身份证x怎么输入)

    微信验证身份证格式有误(微信验证身份证x怎么输入)

  • 国产芯片有哪些(国产芯片有哪些突破)

    国产芯片有哪些(国产芯片有哪些突破)

  • 手机微信怎么粘贴(手机微信怎么粘贴图片)

    手机微信怎么粘贴(手机微信怎么粘贴图片)

  • windows回收站是什么(Windows回收站是哪里的一块区域)

    windows回收站是什么(Windows回收站是哪里的一块区域)

  • 车载蓝牙听不到微信语音(车载蓝牙听不到对方说话)

    车载蓝牙听不到微信语音(车载蓝牙听不到对方说话)

  • 微信如何发电影视频(微信怎么给好友发电影视频)

    微信如何发电影视频(微信怎么给好友发电影视频)

  • 如何做课件(在电脑上如何做课件)

    如何做课件(在电脑上如何做课件)

  • 可使用wps是什么意思(可用于wps)

    可使用wps是什么意思(可用于wps)

  • 11bgn mixed是什么模式(11bgn mixed和11bg mixed)

    11bgn mixed是什么模式(11bgn mixed和11bg mixed)

  • 抖音发视频怎么加文字(抖音发视频怎么上热门)

    抖音发视频怎么加文字(抖音发视频怎么上热门)

  • 重装Win10系统怎么更新驱动程序? 重装系统后更新驱动的技巧(重装win10系统怎么跳过创建用户名)

    重装Win10系统怎么更新驱动程序? 重装系统后更新驱动的技巧(重装win10系统怎么跳过创建用户名)

  • nvsvc.exe - nvsvc是什么进程 有什么用

    nvsvc.exe - nvsvc是什么进程 有什么用

  • less变量

    less变量

  • Redis 被问麻了...(redis常见问题解决)

    Redis 被问麻了...(redis常见问题解决)

  • 降低个人税负什么意思
  • 金税工程是什么单位
  • 增值税附加税税率是多少
  • 投资收回的现金
  • 处置投资性房地产对损益的影响
  • 公积金贷款金额少怎么办
  • 其他应付款不用付了会计分录
  • 小规模纳税人哪些发票可以抵税
  • 发票不走账对哪方有害
  • 附加税减半征收政策从什么时候开始
  • 小企业会计准则适用于哪些企业
  • 非现金资产债务怎么算
  • 会计政策变更与会计估计的审计
  • 应付职工薪酬如何具体到个人
  • 二次股权转让的股权原值确认
  • 转让不动产取得的发票
  • 建安业一般纳税人是清包工是什么意思
  • 银行收回贷款本息企业怎么做分录
  • 托收承付销售货物什么意思
  • 公司租的员工宿舍退租,现在要开发票给人家退房租
  • 票据追索权向谁追索
  • 会务费 发票
  • 银行代扣印花税
  • 折价购买债券是什么意思
  • 老板私车转让给老板
  • 薪酬支出包括什么
  • Google Bard VS ChatGPT:哪个是更好的AI聊天机器人?
  • mac 应用
  • 怎么跟银行谈停息挂账
  • win11如何设置开机自启动软件
  • 损益类科目细分
  • 劳务报酬个人所得税税率表2023
  • php延迟2秒执行
  • 潘塔纳尔湿地的主要成因
  • php 上传图片
  • 工业企业如何纳税
  • 生产企业计提车折旧年限
  • codeignitor
  • JavaScript之Ajax-axios表单提交
  • 阿里pv
  • 汇算清缴的所得税怎么做账
  • db2 decoupled
  • 金税四期对企业的好处
  • 理财产品怎么收费
  • 服务费的增值税可以抵扣吗
  • 润滑油消费税计算公式
  • 网上报税有没有时间限制
  • 一般纳税人每月开票限额是多少
  • 包材库存
  • 固定资产内部抵扣增值税
  • 预收工程款怎么做分录
  • 购入固定资产的现金流量项目
  • 非居民企业所得税税率
  • 员工宿舍发生事故赔偿吗
  • 发票冲红的会计怎么处理
  • 税务开票系统怎么开票
  • 建筑材料检测费入账科目
  • linux系统中cron命令
  • 安卓设备连接苹果设备
  • cmos电池没电会有什么故障现象
  • 任务管理器边框怎么设置
  • ubuntu 18.04 16.04
  • ububtu安装教程
  • win7升级win10系统版本软件还有吗
  • centos7 swap大小设多少
  • win7系统开机无限重启
  • 游戏开发那些事
  • 使用jquery
  • javascript教程chm
  • nodejs搭建本地服务器运行html
  • linux Shell获取某目录下所有文件夹的名称
  • 查看shell脚本是否在运行
  • javascript教程完整版
  • 夯实基础怎么读
  • python脚本基本命令
  • unity3d总结
  • javascript定律
  • js进行表单验证的目的是什么
  • jquery详解
  • Android系统服务
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设