位置: 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)

  • 啥子是增值税
  • 汇算清缴补缴企业所得税怎么做账
  • 厂房设计费计入在建工程吗
  • 抵扣的发票可以部分红冲吗
  • 员工单独购买工伤保险可以吗
  • 居民转供电收费标准
  • 能直接从公司账户向个人账户转钱吗
  • 建筑工人的工资应该怎样支付
  • 事业单位退休职业年金发放多少个月
  • 用友怎么结转本期损益
  • 隔月发票可以作废吗?
  • 营改增后销售租赁后的设备如何做税务处理?
  • 已认证的进项税额转出如何操作
  • 仓储货架工厂仓库货架
  • 购买的风机如何做分录
  • 注册资金未缴齐什么意思
  • 一次性付清货款要交税吗
  • 增值税应交税费科目
  • 全额拨款事业单位工会经费来源
  • 技术服务从哪年开始实施
  • 股东个人所得税怎么申报
  • 人均营收指标
  • 税后利润是净利润还是利润总额
  • 小规模纳税人免税额度是多少
  • 工程发票预交税金规定
  • 苹果电脑怎么截屏ctrl加什么
  • 没有系统U盘,电脑密码忘记了如何打开电脑
  • 预提费用年终有余额怎么办
  • windows 11预览版
  • 汽车空调不制冷的原因有六种
  • php数组函数输出《咏雪》里有多少"片"字
  • 汇算清缴期结束后
  • 蓝山公馆的房子怎么样
  • 自产的产品对外捐赠
  • vue父组件怎么调用子组件的方法
  • 让渡资产使用权包含哪些内容
  • php simple html dom parser
  • 购买员工团体意外险肺炎能报销吗
  • 床垫可以开专票抵扣吗
  • 公司的日常费用包括哪些
  • 车船使用税代征手续费
  • SQL Server 2008 Express如何开启远程访问
  • 企业代收水电费算不算收入
  • 差旅费的处理
  • 办公费用开专票可以抵扣吗
  • 业务招待费进项税
  • 允许抵扣的进项税
  • 企业注销后账目需要保留多少年
  • 一般纳税人开劳务发票税率
  • 车船税怎么计账
  • 转入企业银行存款利息分录
  • 进项税转出怎样做账务处理
  • 工作经费是什么
  • 消费税什么时候计入成本
  • 个体户要怎么注册公司
  • 购买公司分录怎么写
  • 代理返利什么意思
  • 劳务费差额征税的账务处理
  • 暂估的费用次年调增怎么做会计分录
  • sql server连接不上服务器怎么办
  • sqlserver多表查询 索引
  • mysql闪退怎么回事
  • win8升win8.1
  • pps是什么文件
  • scrnsave.exe
  • windows10更新将重启若干次
  • win7取消禁用无线网络
  • win7如何卸载打印机驱动程序
  • JavaScript的Ext JS框架中的GridPanel组件使用指南
  • linux执行sh文件报错找不到
  • shell的简单实现
  • 批处理命令在哪个菜单中
  • 开通局域网共享工具
  • jquery td
  • c语言深入剖析
  • 猫的喵喵
  • python遍历文件目录
  • Python中的def
  • 河南地税网上个税怎么交
  • 海南国税局待遇
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设