vue的computed计算属性
2024-09-06 13:03:10
computed可定义一些函数,这些函数叫做【计算属性】
只要data里面的数据发生变化computed会同步改变
引用【计算属性】时不要加 () ,应当普通属性使用
例:console.log(this.computedName)
computed用的最多是在模板
模版中放入太多声明式逻辑会让模板臃肿尤其在页面大量使用复杂的逻辑表达式处理数据,
会对页面的可维护性造成很大的影响,而 computed 的设计初衷也正是用于解决此类问题。
例:<p>{{'名称:' + this.name + ',年龄:' + this.age + ',性别:' + (this.info.sex ? '男' : '女')}}</p>
尽量一张图解释清楚(尝试用圈圈区分关系):
ps:图片不清晰的尝试新窗口打开
一般都只用 getter ,以上内容就是 getter 的默认模式
很少用到 setter ,起码我做业务暂时没遇到,面试倒会有人会问
下面举个例子说说 setter
很多时候都会拿 Computed 与 Watch 对比(比如面试会问)
这两个都可以实现相同效果但过程有点不一样可以根据实际情况来用。
Computed特点:
需要主动调用,具有缓存能力只有数据再次改变才会重新渲染,
否则就会直接拿取缓存中的数据。
Watch特点:
无论在哪只要被绑定数据发生变化Watch就会响应,
这个特点很适合在异步操作时用上。
最新文章
- 生成lua的静态库.动态库.lua.exe和luac.exe
- [转有改动]vi
- iOS-SDWebImage
- twig一些常用的用法总结【原创】
- 在cshtml页面中,以‘@’开始的表达式 表示C#语句,会被编译执行
- 教程-Delphi中Spcomm使用属性及用法详解
- python手记(26)
- 最大熵模型The Maximum Entropy
- [GoogleBlog]new-approach-to-china
- 2019年度SAP项目实践计划
- bzoj3900 交换茸角
- Java微信二次开发(八)
- golang 通过fsnotify监控文件,并通过文件变化重启程序
- Deep Learning (中文版&;英文版)
- 在jQuery定义自己函数
- DLL注入之Appinit_Dlls
- Redis集群学习笔记
- 随机生成四则运算式2-NEW+PSP项目计划(补充没有真分数的情况)
- Python操作redis字符串(String)详解 (三)
- ACM解题之素矩阵