vue中关于...mapGetters

Question

data () {

  return {

  }

},

computed: {

  ...mapGetters([

    'movieDetail',

    'loadingMoving'

  ])

}

在一个组件中computed中...mapGetters中的movieDetail会不会自动执行（或者说什么时候执行）？getters.js中movieDetail方法返回的是一个对象，还有一个问题是在组件中能够之后获取到movieDetail对象中的属性，例如{movieDetail.title}能够取到值，但是data中并没有定义movieDetail。不是很清楚数据的来源。

Answer 1

你把getters当作依赖vuex中数据的computed就行。computed是怎么运行的，getters就是怎么运行的。简单的说，computed依赖当前组件的data或者其他的computed进行计算，当computed指向一个getters的时候，它的计算规则就是getters里定义的了(依赖state或别的getters,计算过程发生在vuex store里，但是数据反映到你当前使用这个getters的组件中)。Vuex 允许我们在 store 中定义『getters』（可以认为是 store 的计算属性）。Getters 接受 state 作为其第一个参数：