vue子组件的数据变了为什么视图没有更新？

Question

每次点击时alert都能看到this.info.status[index]在变化但是视图没有变化这是为什么？搞了一下午了也不知道哪里出了问题了我另一个项目也是这么写的就没问题不知道这个为什么这样vuex的state数据all:[{info:{num:[555,666],status:[false,false]}},{info:{num:[555,666],status:[false,false]}}]父组件computed:{...mapState({all:state=>state.all})}子组件exportdefault{name:'Info',props:['info'],data(){return{tags:[{id:1,tag:'#icon-kan1',tag2:'#icon-kan2'},{id:2,tag:'#icon-xiao2',tag2:'#icon-xiao2'}]}},methods:{change(index){alert(this.info.status[index])this.info.status[index]=!this.info.status[index]}}}

Answer 1

Vue.set()响应式新增与修改数据此时我们需要知道Vue.set()需要哪些参数，官方API：Vue.set()
调用方法：Vue.set(target,key,value)
target：要更改的数据源(可以是对象或者数组)
key：要更改的具体数据
value：重新赋的值