vue 中如何修改传给component中的属性的值并赋值到template中

记录下来加强记忆
在外面引用option-item-template模板并传值进去，然后在component中对值进行修改然后在赋值到template

下面是外面引用的写法

<option-item-template v-bind:item="item" v-for="optionItem in item.option"  v-bind:optionitems="optionItem" v-bind:answer="item.data.answer" v-bind:hassub="changeData.hasSub"></option-item-template>

模板部分的代码

Vue.component('option-item-template', {
    props: ['item', 'optionitems', 'answer','hassub'],
    data: function () {
        return {
            classname: {
                "choose-content": true,
                "stan-answer": false
            }
        }
    },
    watch: {
        hassub: function (newValue, oldValue) {//当hassub属性的值发生改变时会执行下面的代码
            this.changeStanAnswer(newValue, this.answer);
        }
    },
    mounted: function () {//模块编译/挂载之后执行
        this.changeStanAnswer(thi