Vuex $store properties not reactive when using computed property

Question

I have a Vuex store, which I\'m injecting into my instance:

import store from \'../store\';

const mainNav = new Vue({
  el: \'#main-nav\',
  store,
  compon         


        

Answer 1

When adding new properties to an Object from your Vuex store, you should either use

Vue.set(obj, 'newProp', 123)

or replace that Object with a fresh one

state.obj = { ...state.obj, newProp: 123 }

From Vuex docs