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'
})
}