How to track Vuex state change from Vue component?

Question

Vue.js

Hey! There is vuex divided into modules. The messenger module has

const state = {
  messages: []
}

How to track changes in the messages array in the component?

Answer 1

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

create getters in store:

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

Answer 2

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

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