Как из компонента Vue проследить за изменением состояния Vuex?

Question

[Игорь Безлепкин]

Есть vuex, поделенный на модули. В модуле messenger есть

const state = {
  messages: []
}

Как в компоненте отследить изменения messages массива?

Answer 1

[nvdfxx]

computed: {
    todos: () {
       return  this.$store.getters.getTodos
    }
}

в store создать getters:

getters: {
    getTodos: state => state.todos
}

Answer 2

[shmatuan]

https://vuex.vuejs.org/ru/guide/modules.html

computed: {
  ...mapState('some/nested/module', {
    a: state => state.a,
    b: state => state.b
  })
},

Comments

[Игорь Безлепкин]

'mapState' is not defined

[shmatuan]

Игорь Безлепкин, тогда с самого начала - самый первый пример https://vuex.vuejs.org/ru/guide/getters.html

// немного упростил для примера
computed: {
  todos () {
    return this.$store.state.todos;
  }
}

[Сергей Кривошеев]

Сделай импорт mapState из vuex