vuex中获取state里面的值的问题

Question

• 第一步: 在A.component里面, 触发this.$store.commit({name: 'zhangsan'})

• 第二步: 在mutation里面, 运算之后, 得到name="李四"

• 那问题来了:

1. 在A.component我要获取到最新的值, 只能通过this.$store.name才能获取到吗?

2. 在A.component里面要想绑定上, 如<h1>{{name}}</h1>, 只能通过computed或者watch这种方式吗?

Answer 1

1.也可以在computed里面使用mapGetters，2.我见到的都是通过computed来取得vuex的值的，官方文档也是这么写的、

import { mapGetters } from 'vuex'

export default {
  // ...
  computed: {
  // 使用对象展开运算符将 getters 混入 computed 对象中
    ...mapGetters([
      'doneTodosCount',
      'anotherGetter',
      // ...
    ])
  }
}