VUE监听数组变化，答题后相关题号实时变化

问题出发点，做测试题，有一个所有的题号列表，需要在用户选择题选完之后，题号列表上相应的题号标识为已经做过。
我把整个题号列表做了一个子组件
思路：拿到所有问题的列表数组，数组中每一项含有题目相关的信息，然后给这个列表添加用户答案，
vue官网：
由于 JavaScript 的限制，Vue 不能检测以下数组的变动：

1.当你利用索引直接设置一个数组项时，例如：vm.items[indexOfItem] = newValue
2.当你修改数组的长度时，例如：vm.items.length = newLength

举个例子：

var vm = new Vue({
  data: {
    items: ['a', 'b', 'c']
  }
})
vm.items[1] = 'x' // 不是响应性的
vm.items.length = 2 // 不是响应性的

我们直接通过 this.items[1]=‘x’是不能修改items数组的，在任何位置调用items[1]结果仍然为’b’，为了解决这个问题，有两个解决思路：

1.使用vue.set,

Vue.set(vm.items, indexOfItem, newValue)
或者使用
vm.$set(vm.items, indexOfItem, newValue)

所以解决方案，使用set将userAnswer添加到数组中的每一项，这样把examLists传给子组件到时候就可以根据userAnswer是否为空来实时显示该题是否已经做过。
注：所有到监听变化一定放到父组件中去做，子组件监听不到

data () {
            return{
                examLists: []
            }
        },
        created () {
         	//获取题目列表
            this.examLists = questionLists.questions
            this.examLists.forEach((item) => {
                this.$set(item,'userAnswer', null)
            })
        },

2.通过slice()

// Array.prototype.splice
vm.items.splice(indexOfItem, 1, newValue)