遇到个奇怪的问题

food.vue模板

<div class="rating">
<h1 class="title">商品评价</h1>
<rating-select
:selectType="selectType"
:onlyContent="onlyContent"
:desc="desc"
:ratings="food.ratings">
</rating-select>
</div>

food data

const POSITIVE = 0;
const NEGATIVE = 1;
const ALL = 2;
data () {
    return {
        showFlag: false,
        selectType: ALL,
        onlyContent: true,
        desc: {
            all: '全部',
            positive: '推荐',
            negative: '吐槽'
        }
    };
},

ratingselect部分模板

<span class="block positive" :class="{'active': selectType === 2}">{{ desc.all }}<span class="count">47</span></span>
<span class="block positive" :class="{'active': selectType === 0}">{{ desc.positive }}<span class="count">50</span></span>
<span class="block negative" :class="{'active': selectType === 1}">{{ desc.negative }}<span class="count">40</span></span>

发现父组件的selectType传不进子组件ratingselect，在改变selectType的值之后子组件样式没有变化。

编译了老师的源码发现也有这个问题，请老师答疑下