从品牌网站建设到网络营销策划,从策略到执行的一站式服务
这篇文章主要介绍vue.js计算属性指的是什么,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!
创新互联主要从事成都做网站、网站建设、网页设计、企业做网站、公司建网站等业务。立足成都服务克拉玛依区,10余年网站建设经验,价格优惠、服务专业,欢迎来电咨询建站服务:028-86922220什么是计算属性(Computed )?
计算属性看起来就像Vue中的数据(data)属性,但是我们可以执行一些算术和非算术任务。
- First name : {{firstName}}
- Last name : {{lastName}}
- Full name : {{firstName + ' '+ lastName}}
在上面的代码中,我们创建了两个数据属性firstName和lastName,并将其插入到template中。
如果你查看我们的template,我们在{{}}花括号中添加了Full Name逻辑。
例子
如何创建第一个计算属性的示例。
计算属性在计算属性对象中声明。
- First name : {{firstName}}
- Last name : {{lastName}}
- Full name : {{fullName}}