https://www.bilibili.com/video/BV15741177Eh?p=21&spm_id_from=pageDriver
我们知道,在模板中可以直接通过插值语法显示一些data中的数据。
但是在某些情况,我们可能需要对数据进行一些转化后再显示,或者需要将多个数据结合起来进行显示
比如我们有firstName和lastName两个变量,我们需要显示完整的名称。
但是如果多个地方都需要显示完整的名称,我们就需要写多个{{firstName}} {{lastName}}
我们可以将上面的代码换成计算属性:
OK,我们发现计算属性是写在实例的computed选项中的。
image.png
image.png
就是使用computed来计算属性,起名就起个名称就好,而且不用带大括号。
计算属性中也可以进行一些更加复杂的操作,比如下面的例子:
image.png