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

  • 产权转移数据的交易价格和固定资产科目
  • 资金账簿印花税最新政策2022年
  • 合伙企业借款利息收入个税
  • 金税盘维护费全额抵扣冲减的管理费用怎样结转
  • 企业接受赠予企业固定资产是否免税
  • 工业企业销售成本如何计算
  • 开仓库需要营业执照吗
  • 公司车买的保险怎么查电子保单
  • 现金余额大违反了什么规定
  • 公司车辆出售给个人怎么做账
  • 仓库产品出库到货时间
  • 贷款计提利息会计分录
  • 彩票扣税比例
  • 计提营业账簿印花税怎么做账
  • 研发样机是什么
  • 国税局网上申报
  • 物业收停车费要交房产税吗
  • 印花税是填开票金额吗
  • 怎么计算房地产公司可以贷款多少
  • 公司间借款计入什么科目
  • 超市个体工商户怎么取名
  • 承兑汇票章不清晰 情况说明
  • 房屋抵债如何确定契税计税依据?
  • 产假期间出现事故可以报工伤吗
  • 开户许可证复印件是什么
  • 其他应付款注销时怎么冲平
  • 收到转账支票又背书转让怎么写会计科目
  • 已抵扣的增值税专票如何冲红
  • win10怎么关闭开机磁盘自检
  • 待认证进项税额借方余额表示什么
  • 未开票收入冲回如何做账
  • php字符串赋值
  • scworker.exe是病毒
  • 材料明细账的登记范本手写
  • 珀泽申群岛上的阿德利企鹅,南极洲 (© Tui De Roy/Minden Pictures)
  • php获取文本内容
  • 专项应付款转资本公积需要什么附件
  • vue查看图片组件
  • adan算法
  • vue动态绑定背景图
  • 技术和商业模式怎么写
  • 物业公司的会计科目有哪些
  • 可供出售金融资产是流动资产吗
  • 培训属于什么服务
  • 丢失增值税发票怎么办
  • 取得交易性金融资产支付的相关税费计入
  • 销售使用过的固定资产怎么填申报表
  • 什么是公司财务管理中的一个重要组成部分
  • 电子承兑过期超过10天就无法转让吗
  • 交易性金融资产公允价值变动怎么算
  • 不同银行外币汇率不一样
  • 暂估入库成本的会计分录
  • 转账错误退款说明
  • 收到项目资本金怎么入账
  • 技术服务行业增值税税负率
  • 增值税及附加是什么税
  • 银行手续费没有发票
  • windows8出现蓝屏
  • 微软9月补丁
  • win7系统玩游戏好吗
  • ubuntu 网络设置命令
  • centos6.5服务器安装教程
  • 手动防止Ping攻击方法(无需防火墙)
  • win8.1语言包下载
  • windows临时文件在哪里
  • win7桌面图标全部变成了e而且打不开
  • windows7出现错误恢复怎么办
  • win8iis安装配置
  • win8怎么查ip地址查询
  • 导入extjs、jquery 文件时$使用冲突问题解决方法
  • css设置表格隔行换色
  • opengl三维场景
  • 透明十六进制
  • 好用的shell终端
  • angular做app
  • jquery的实现原理
  • node的理解
  • unity3d初学者教程视频
  • 定额发票增值税怎么申报
  • 深圳微信税务局登录不了
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设