位置: 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理解

  • 公司更换营业执照需要多久
  • 车船税保险公司会不会多收
  • 影响年度损益的金额有哪些
  • 合作社开具的免税农产品发票
  • 没有进项发票出口转内销
  • 投资性房地产递延所得税资产怎么算
  • 收到的其他与筹资活动有关的现金包括
  • 职工福利企业所得税
  • 长期负债平均余额怎么算
  • 材料含税价怎么算
  • 小规模纳税人代理记账一般多少钱
  • 银行余额调节表模板
  • 租入生物性资产如何入账
  • 小规模纳税人每月15万免税
  • 个人销售货物缴纳增值税吗
  • 个人出租住房如何开票
  • 企业间借款利息涉税处理
  • 城市建设维护税是什么意思
  • 职工个人负担的医疗保险可以在计算个人所得税前扣除
  • 企业生产总值怎么算出来的
  • 现金流净额为负值说明什么
  • 不应该计入管理费用的
  • 冲回坏账准备分录
  • 银行交纳进口关税政策
  • 如何修复在感情中受的伤害
  • win10 kb5005611
  • 从税法角度看,商誉计税基础
  • 会计监督作用
  • 增值税专用发票电子版
  • 销售费用有哪些?
  • 请问王者荣耀是谁发明的
  • 长期待摊费用属于什么要素
  • deepin 终端命令
  • 总结linux命令行的主要用法
  • 代办退税账务处理
  • 汇票到期收到款项会计分录
  • Get请求报错404出现原因及解决办法
  • 生产企业外销收入账务处理
  • 分布式简介
  • 职工工资扣税比例
  • php使用mysql
  • 手工凭证三级明细
  • 利息收入的会计科目怎么做
  • php swoole 协程
  • php上传不了文件
  • mysql binlog详解
  • 什么叫动量交易
  • 付的房屋租金计入什么会计科目
  • 注册资本印花税2023年新规定
  • 工资与社保的关系图
  • 结汇时和月底结转汇兑损益
  • 写个电影剧本多少钱
  • 增值税免征印花税怎么算
  • 网上购物没有发票
  • 交通费用报销明细表
  • 个人垫付的费用如何向单位报销行政单位
  • 投资收益的账务怎么处理
  • 农民专业合作社是企业法人吗
  • 实收资本认缴怎么做账,要做账吗
  • 医院床单被套尺寸
  • 餐饮行业月末结转成本怎么算
  • 待摊费用是什么意思
  • raid1 hot spare
  • fedora安装apt
  • macbook内部
  • centos vi命令
  • windows 8whql
  • 添加或删除程序在哪win10
  • win8如何调屏幕亮度
  • javascript延迟执行
  • Android Http请求方法汇总
  • 开发 工具
  • 基础的重要性
  • python黑魔法手册
  • python中运算符重载方法
  • 记住密码自动登录怎么取消
  • 盐城城南新区的邮政编码是多少号
  • uk怎么查看发票开票额度
  • 青岛怎样网上交医保
  • 广东省地税电子税务局
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设