在本篇文章中，我们将通过具体的示例给大家介绍Vue中的计算（Computed ）属性。
什么是计算属性（Computed ）?
计算属性看起来就像Vue中的数据（data）属性，但是我们可以执行一些算术和非算术任务。
在上面的代码中，我们创建了两个数据属性firstName和lastName，并将其插入到template中。
立即学习
“
前端免费学习笔记（深入）
”；
如果你查看我们的template，我们在{{}}花括号中添加了Full Name逻辑。
例子
如何创建第一个计算属性的示例。
vue.js 2.0离线手册（CHM版）
vue.js 2.0中文离线手册（CHM版）
下载
计算属性在计算属性对象中声明。
- First name : {{firstName}}
- Last name : {{lastName}}
- Full name : {{firstName + ' '+ lastName}}
- First name : {{firstName}}
- Last name : {{lastName}}
- Full name : {{fullName}}