Vue计算属性Computed
创始人
2024-05-30 18:05:15
0次

30. Vue计算属性Computed

1. 定义

Computed属性是Vue中的一个计算属性，是一种基于其它属性值计算而来的属性值，具有缓存机制，在依赖的属性值发生变化时会重新计算。

使用computed属性可以避免在模板中书写过多的计算逻辑，提高代码可读性和维护性。

下面是一个计算属性的示例：

2. computed和methods对比

计算属性是有缓存的, 当我们多次使用计算属性时, 计算属性中的运算只会执行一次。如下图：

computed缓存

3. Getter和Setter

计算属性默认是只读的，也就是只用到getter。当你尝试修改一个计算属性时，你会收到一个运行时警告。只在某些特殊场景中你可能才需要用到“可写”的属性，你可以通过同时提供 getter 和 setter 来创建：

4. Getter 不应有副作用

需要注意的是，computed属性必须返回一个值，不能有副作用，如修改数据或触发异步操作等。如果需要有副作用的计算，可以使用watch属性。

词库加载错误:未能找到文件“E:\highferrum_mysql\Configuration\Dict_Stopwords.txt”。

上一篇：BSN合作伙伴大会 | 罗新荣：贸易数字化通商互信

下一篇：Python进阶-----面向对象8.0（反射---对象属性方法操作）

相关内容

热门资讯

北方长龙跌2.00%，成交额6... 7月9日，北方长龙盘中下跌2.00%，截至09:35，报83.17元/股，成交6764.12万元，换...
恒而达涨2.04%，成交额60... 7月9日，恒而达盘中上涨2.04%，截至09:36，报48.44元/股，成交6019.87万元，换手...
A100ETF易方达（1596... 7月9日，A100ETF易方达（159686）开盘涨0.19%，报1.055元。A100ETF易方达...
特发信息跌2.12%，成交额9... 7月9日，特发信息（维权）盘中下跌2.12%，截至09:36，报7.86元/股，成交9507.33万...
央企科技ETF（560170）... 7月9日，央企科技ETF（560170）开盘涨0.00%，报0.882元。央企科技ETF（56017...
泰祥股份涨2.04%，成交额8... 7月9日，泰祥股份盘中上涨2.04%，截至09:36，报26.06元/股，成交870.52万元，换手...
东华测试涨2.05%，成交额2... 7月9日，东华测试（维权）盘中上涨2.05%，截至09:36，报38.34元/股，成交2227.04...
金诚信涨2.06%，成交额2.... 7月9日，金诚信盘中上涨2.06%，截至09:36，报47.15元/股，成交2.65亿元，换手率0....
科创100ETF易方达（588... 7月9日，科创100ETF易方达（588210）开盘跌0.10%，报0.997元。科创100ETF易...
创业板综ETF华夏（15956... 7月9日，创业板综ETF华夏（159563）开盘涨0.22%，报1.389元。创业板综ETF华夏（1...