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

Actually, you need to use Vue.set() function to make the new property reactive.

changeType () {
   Vue.set(this.$store.state.nav, 'type', 'wide');
}

See this codepen: https://codepen.io/DedicatedManager/pen/JZgpaa

I did a whole screen capture video on this subject: youtu.be/8GHczab2Lbs