У меня есть модуль, похожий на этот:
export default {
namespaced: true,
state: {
myObj: [
{id:'1', value:'foo'}
...
]
}
mutations: {
test(state, {id, newValue}){
for (let x of state.myObj){
if (x.id === id){
x.value=newValue;
}
}
}
}
};
Как мне запустить Vuex для автоматического обновления этого поля таким же образом, как если бы строка myObj была добавлена или удалена?Мне известен метод Vue.set, но я не совсем уверен, как использовать его в этом контексте.Я также читал о наблюдателях, но я не уверен, куда это пойдет и как это будет связано.
Это будет правильно?
new Vue({
watch: {
"$store.someModule.state": {
deep:true,
handler() { console.log("Why do I need a console log here?");}
}
...
})