javascript - vue component binding computed method return value, binding exception occurs?

Question

As shown in the picture, add the code

Component p.star is bound to the value returned by the calculated attribute method

This is a computed property

Finally a binding exception broke out

Answer 1

props: {
    size: {
        type: Number
    },
    score: {
        type: Number
    }
},

computed: {
    starType() {
        return "star-" + this.size;
    }
}

Answer 2

:class="starType" 改成 v-model="starType"

Answer 3

computed seems to be written in props, so the error is reported