(尚硅谷)Vue笔记------------31

computed计算属性

(尚硅谷)Vue笔记------------31_第1张图片

(尚硅谷)Vue笔记------------31_第2张图片 

 (尚硅谷)Vue笔记------------31_第3张图片

(尚硅谷)Vue笔记------------31_第4张图片 

我们现在使用一下计算属性:

(尚硅谷)Vue笔记------------31_第5张图片 

(尚硅谷)Vue笔记------------31_第6张图片 

但是这里我们既用vue2的计算属性又用vue3的setup函数,还是会让人觉得很奇怪的。

所以这里我们使用vue3的计算属性:
 (尚硅谷)Vue笔记------------31_第7张图片

我们还可以改一下:
 

(尚硅谷)Vue笔记------------31_第8张图片 

返回值我只传person:

 

这样写也是可以的:

 (尚硅谷)Vue笔记------------31_第9张图片

这是一种简写形式。

当然也可以写完整用第二种方式:

(尚硅谷)Vue笔记------------31_第10张图片 

(尚硅谷)Vue笔记------------31_第11张图片 

 

你可能感兴趣的:(Vue,vue.js,前端,javascript)