computed计算属性介绍.docx
需积分: 0 10 浏览量
2023-05-09
09:34:22
上传
评论
收藏 103KB DOCX 举报
在 Vue 中，computed 是一个计算属性，用于在模板中声明式地计算某个值，这个值的结果
会被缓存起来，只有当其依赖的属性发生变化时才会重新计算。这样可以避免重复计算、提
高性能。
computed 属性的定义方式有两种，一种是通过对象的方式进行定义，另一种是通过函数的
方式进行定义。
1. 对象方式定义 computed 属性
在上面的代码中，我们定义了一个 computed 属性`reversedMessage`，它是一个函数，用于
将`message`属性的值进行反转，并将反转后的结果返回。在模板中，我们可以通过
`{{ reversedMessage }}`来使用这个 computed 属性。
2. 函数方式定义 computed 属性
在上面的代码中，我们定义了一个 computed 属性`fullName`，它是一个函数，用于将
`firstName`和`lastName`属性的值进行拼接，并将拼接后的结果返回。在模板中，我们可以通
资源评论
