计算属性

计算属性语法

在 <script setup> 中通过 computed 函数定义

普通函数VS计算属性

• 注意调用方式：都是在模版中使用，但是一个有()【支持传参】一个无()【不支持传参】
• 可以实现相同的功能，但是计算属性效率高
• 涉及响应式数据【ref(),reactive()】使用计算属性，否则推荐普通函数（是否改变都会重新执行）【如逻辑判断、时间计算】

即普通方法作用范围 > 计算属性

示例

• 相同的功能，使用普通方法和计算属性。
• 下例更适合计算属性(响应式对象，更新才会重新执行)

普通方法

计算属性