在vue组件的模板中有很多需要通过计算来表达的地方使用计算属性十分方便,比如在外卖评价中常见的是一星到五星,这时候我们需要通过计算数据库传来的评分来判定这家店属于几星的范畴。
计算属性官网分为computed和methods两种,其中computed有使用之前缓存计算结果的功能只有相关依赖发生变化它才会重新产生结果,而methods则是每次都会重新计算即响应式
示例:
computed: {
starType () {
return 'star-' + this.size;
}
methods: {
showDetail () {
this.detailShow = true;
},
hideDetail () {
this.detailShow = false;
}
}