如:动态绑定h2的样式
{{message}}
{{message}}
{{message}}
//在vue语法中,如果此处‘50px’不加单引号,则会被当作变量处理*****计算属性的说明
1.计算属性setter与getter
Ps以上只是计算属性computed的简写方式,正常情况下会包括set与get属性,但是通常不用set,因此省去set
如下:
computed: { //在标签调用fullName时会自动调用get方法,返回相应的值,因此出现了上面的简写方式
fullName: {
get: function() {
return this.firstName +’ ‘+this.lastName
}
}
}
2.计算属性的缓存(与method的对比)
computed会又缓存,只调用一次,性能比method高很多。