跳至主要內容

计算属性

刘春龙原创...大约 1 分钟WEB前端Vue3教程文档

模板中的表达式虽然方便,但也只能用来做简单的操作。如果在模板中写太多逻辑,会让模板变得臃肿,难以维护。因此我们推荐使用计算属性来描述依赖响应式状态的复杂逻辑

未使用计算属性前

使用计算属性后

你可能注意到我们在表达式中像这样调用一个函数也会获得和计算属性相同的结果,比如像下面这样

重点区别

计算属性:计算属性值会基于其响应式依赖被缓存。一个计算属性仅会在其响应式依赖更新时才重新计算

方法:方法调用总是会在重渲染发生时再次执行函数

上次编辑于:
贡献者: 刘春龙
评论
  • 按正序
  • 按倒序
  • 按热度
Powered by Waline v2.15.7