vue中vuex数据更新 视图不更新 [解决方法]

我们在vuex中操作数据时遇见视图不更新的情况

原理：去vue的官网看就行了

使用方法：Vue.set(target,propertyName,value)

            target:要更改的数据（一般是响应式对象） 例：state.data

            property:这个对象中的子对象或者属性

            value：你想要赋的值

使用实例：

vuex中的内容

state(){
    addone:{}
},
mutations: {
	allone(state,num){
		state.addone.num = num;
    }
}

此时可以看到数据已经改变了，但是试图还是空的 ，因为addone一开始就为空

这个时候我们只需要使用Vue.set就可以了

state(){
    addone:{}
},
mutations: {
	allone(state,num){
		Vue.set(state.addone,"num",num)
		console.log(state.addone.num);
    }
}