vue变量更新无法触发dom更新

Question

如下所示，我在html用v-for渲染这个itemList，通过每个item的active控制是否显示(v-show)这个item对应的html。
但是，像这样通过事件方法selectItem，改变了itemList，dom却不更新？？？

var vue = new Vue({

    el: '#app',

    data: {

        itemList:{

            '1':{'text':'abc', 'active':false},

            '2':{'text':'abc', 'active':true}

         },

    },

    methods: {

        selectItem: function (index) {

            vue.itemList[index].active = true;

        },

        

    },

});

Answer 1

// 你的数据itemList结构改改var vue = new Vue({    el: '#app',    data: {        itemList:[            {'text':'abc', 'active':false},            {'text':'abc', 'active':true}         ],    },    methods: {        selectItem: function (index) {            this.itemList[index].active = true;        },            },});