vue2.0组件v-bind:class失败?

Question

1、header.vue使用组件star.vue,显示星星图片

2、star组件代码：

3、无法渲染class

求解决方法

Answer 1

控制台应该报错吧data 里面的 itemsClasses 删除吧因为和 computed（计算器属性）重复了

Answer 2

starType要么是data要么是compute
而且
starType应该是obj类型才对。
如果是字符串类型。 你直接
class="star {{starType}}" 就行了

Answer 3

computed：{
    starType:function(){
        var star = 'star-'+this.size;
        return {
            [star]:true
        }
    }
}