位置: IT常识 - 正文

Vue中computed和watch的区别(vue中computed和watch区别)

编辑:rootadmin
Vue中computed和watch的区别

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

Vue中computed和watch的区别(vue中computed和watch区别)

文章相关热门搜索词:vue computed和watch,vuecomputed和method,vuecomputed和method,vue的computed和methods,vue中computed和watch区别,vue中computed和methods区别,vue中computed和method区别,vue中computed和methods区别,内容如对您有帮助,希望把文章链接给更多的朋友!

今天简单说一下computed和watch的区别。 先看代码,两者怎么实现的。

<div id="app"> <input type="text" v-model="firstName"><br> <input type="text" v-model="lastName"><br> <h2>{{fullName()}}</h2> </div><script> var app = new Vue({ el: '#app', data: { firstName: '张', lastName: '三', fullName: '张三' }, // watch 监视、监听,在此处定义监听器 // 作用:监视data中的数据变化 watch: { // 侦听器以函数的形式定义,函数名称就是监视的数据的名称,参数就是数据变化后的新值 firstName(val) { console.log(val); this.fullName = val + this.lastName; }, lastName(val) { console.log(val); this.fullName = this.firstName + val; } } }) //计算属性方式实现 var app = new Vue({ el: '#app', data: { firstName: '张', lastName: '三', }, computed: { // 计算属性在某些场景下(此示例),要比侦听器代码精简。 fullName() { return this.firstName + this.lastName; } } })</script>

computed和watch的区别 1、computed是计算属性;watch是监听,监听data中的数据变化。 2、computed支持缓存,当其依赖的属性的值发生变化时,计算属性会重新计算,反之,则使用缓存中的属性值;watch不支持缓存,当对应属性发生变化的时候,响应执行。 3、computed不支持异步,有异步操作时无法监听数据变化;watch支持异步操作。 4、computed第一次加载时就监听;watch默认第一次加载时不监听。

immediate 组件创建时刻执行与否 immediate: true,第一次加载时监听(默认为false)deep 深度监听 不推荐使用(非常的消耗性能) 监听的属性是对象的话 不开启deep 对象子属性变化不会触发watch 开启了deep 对象内部所有子属性变化 都会触发watch

5、computed中的函数必须调用return;watch不是。 6、使用场景: computed:一个属性受到多个属性影响,如:购物车商品结算。 watch:一个数据影响多条数据,如:搜索数据。 数据变化响应,执行异步操作,或高性能消耗的操作,watch为最佳选择。

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

上一篇:一文通透从输入URL到页面渲染的全过程----高频面试

下一篇:Http协议之Content-Type理解

  • 小米10s多少分钟充满电(小米10s一小时耗电多少正常)

    小米10s多少分钟充满电(小米10s一小时耗电多少正常)

  • 手机上怎么查询生育险(手机上怎么查询社保缴费记录)

    手机上怎么查询生育险(手机上怎么查询社保缴费记录)

  • 华为nova7se如何关机(华为nova7se如何用手机开空调)

    华为nova7se如何关机(华为nova7se如何用手机开空调)

  • 苹果手机内存的其他怎么清理(苹果手机在哪看内存)

    苹果手机内存的其他怎么清理(苹果手机在哪看内存)

  • plcal00华为啥型号(华为plc—al00)

    plcal00华为啥型号(华为plc—al00)

  • 搜抖音号搜不到人为什么(为什么搜抖音号搜不到)

    搜抖音号搜不到人为什么(为什么搜抖音号搜不到)

  • beats solo3支持安卓吗(beat solo3可以连安卓手机吗)

    beats solo3支持安卓吗(beat solo3可以连安卓手机吗)

  • wps可以压缩文件吗(wps可以压缩文件夹发送吗)

    wps可以压缩文件吗(wps可以压缩文件夹发送吗)

  • 显卡90度正常吗(显卡长期90度会出现什么问题)

    显卡90度正常吗(显卡长期90度会出现什么问题)

  • gtx750ti和gtx1050差距

    gtx750ti和gtx1050差距

  • 哔哩哔哩怎么升级lv1(哔哩哔哩怎么升级lv2)

    哔哩哔哩怎么升级lv1(哔哩哔哩怎么升级lv2)

  • 百家号发视频有收益吗(百家号发视频有时间长短要求吗)

    百家号发视频有收益吗(百家号发视频有时间长短要求吗)

  • 怎么截微信语音给人听(怎么截微信语音聊天长图)

    怎么截微信语音给人听(怎么截微信语音聊天长图)

  • 苹果无线鼠标失灵(苹果无线鼠标失灵了可以修吗)

    苹果无线鼠标失灵(苹果无线鼠标失灵了可以修吗)

  • 钉钉录屏没有声音(钉钉录屏没有声音怎么回事)

    钉钉录屏没有声音(钉钉录屏没有声音怎么回事)

  • mp4文件播放不了怎么办(mp4文件播放不了显示错误)

    mp4文件播放不了怎么办(mp4文件播放不了显示错误)

  • 恢复十年前qq聊天记录(恢复很多年前的qq聊天记录)

    恢复十年前qq聊天记录(恢复很多年前的qq聊天记录)

  • 微信绿色是开启还是关闭(微信绿色的是打开还是关闭)

    微信绿色是开启还是关闭(微信绿色的是打开还是关闭)

  • vivos1能遥控空调么(vivos9遥控空调)

    vivos1能遥控空调么(vivos9遥控空调)

  • 京东的必购码是什么(京东必购码是什么在哪里获得)

    京东的必购码是什么(京东必购码是什么在哪里获得)

  • oppoa5怎么添加桌面插件(oppoa5怎么设置桌面时间)

    oppoa5怎么添加桌面插件(oppoa5怎么设置桌面时间)

  • 手机里面的电话黑名单怎么找(手机里面的电话号码怎么复制到卡里面去)

    手机里面的电话黑名单怎么找(手机里面的电话号码怎么复制到卡里面去)

  • xp系统任务栏在上面

    xp系统任务栏在上面

  • esd文件怎么安装(得力文件框安装)

    esd文件怎么安装(得力文件框安装)

  • 苹果手机相机权限怎么开启(苹果手机相机权限在哪里打开)

    苹果手机相机权限怎么开启(苹果手机相机权限在哪里打开)

  • pbam00什么型号(pbbm00什么型号)

    pbam00什么型号(pbbm00什么型号)

  • 个人卖给公司车需要什么手续
  • 挂靠别的公司都需要交什么税
  • 个人所得税年度汇算时间
  • 上年少计提工会经费本年怎么调整
  • 小企业会计准则和一般企业会计准则的区别
  • 出口退税发票必须是专票吗
  • 厂里搬厂赔偿员工标准
  • 市区增值税附征怎么填
  • 2019年定额手撕发票2023年还能用吗
  • 营改增的增值税
  • 材料委托加工
  • 商品房的销售方式有哪些
  • 做税审报告费如何做分录?
  • 铁路运输专用发票印花税处理
  • 关税应纳税额的计算方法包括
  • 报销凭证找不到了怎么办
  • 企业减免6%的税的营业范围有哪些?
  • 抵扣税款是什么意思呢
  • 营改增后为何还要交地税?
  • 增值税申报进项抵扣汇总表在哪里
  • 增值税减税措施有哪些
  • 房地产企业开发成本计入存货
  • 纳税人提供不动产经营租赁增值税征收管理
  • 退税入其他收益需要再缴税吗
  • 企业三废处理方案
  • 出口公司代理
  • 自然人个人能否纳税
  • 累计结转是什么意思
  • 存货成本有哪些问题
  • 电脑怎么进入bios中文
  • 网页老是自己跳出来
  • 利润表中哪些属于营业外收入
  • 印花税需要哪些部门核准
  • 腾讯云centos5.8
  • 企业筹建期间购置机器设备支出计入什么科目
  • 在win7系统中安装win10
  • mac怎么隐藏app
  • 现金流量表中收入是含税收入还是不含税
  • 计提五险一金的分录怎么写
  • 个体户不建账怎样处罚
  • mmdetection optimizer
  • 工程项目科学技术方法工具过程之间的关系
  • js删除
  • 长期待摊费用属于非流动资产吗
  • 供应商退回货款怎么入账
  • 摊销结束后
  • 投资回收期计算公式例题
  • 计提工资大于发放工资,所得税汇算要调整吗
  • 同时安装vs2005团队开发版和sql 2005企业版的方法(downmoon原作)
  • SQL Server 2005 DTS导入平面数据出现错误解决方案
  • jdbc连接mysql数据库代码
  • 补缴纳税款
  • 年底进项比销项大要做账么
  • 委托代销商品的核算
  • 股本是什么类科目怎么记
  • 处理旧固定资产税率
  • 固定资产折旧如何计提
  • 应纳税所得额收入总额包括
  • 公司打到个人账户的钱算公款吗
  • 施工单位上报
  • 还没有开业的公司怎么样
  • 权益性投资包括哪些
  • casewhen嵌套查询
  • 计算机二级考试报名入口官网
  • windows server vista
  • macpr预设
  • Linux系统中管理员如何获得root权限
  • apache禁用trace方法
  • sf2是什么文件
  • 显示演示模式
  • 安装win8.1一直卡着不动
  • win10地理位置
  • win10无u盘装系统教程
  • win7系统怎么启用本地连接
  • python灰度变换
  • 原生js实现移动站点头部搜索栏背景色透明度变化
  • jquery.js插件
  • 福建省地税局副局长 阮
  • 中国税务网官网1732171695993732.2418.61431871
  • 白酒消费税应纳税额
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设