Vuex中 getters,...mapGetters使用

１.Vuex提供了state这样的状态统一管理树

２.getter 的返回值会根据它的依赖被缓存起来，且只有当它的依赖值发生了改变才会被重新计算。

<template>

<div>

<div>{{from}}</div>

</div>

</template>

<script>

export default {

computed: {

from: function () {

return this.$store.getters.siderbar

},

},

</script>

3....mapGetters的使用

computed: {

...mapGetters({

'test': 'siderbar'

})

}

作用是取值， 等效于

computed: {

test:()=> this.$store.getters.siderbar

}

当调用多个getters的时候，使用…mapGetters更为简洁方便，如下：

computed: {

...mapGetters({

'test1': 'xxx1'，

'test2':'xxx2',

'user': 'xxx3'

})

}