vuex相关

vuex应用的核心就是store（仓库），“store”基本上就是一个容器，它包含着你的应用中大部分的状态。

vuex和单纯的全局对象的不同点：

1.vuex的状态存储是响应式的，store状态发生变化的时候，其对应的组件也会高效更新；

2.不能直接修改store的状态，修改它唯一的途径就是显示的提交mutation，方便跟踪每个状态的变化。

 

state

vuex可以通过state获取相应状态，为了方便组件更好的调用可以写到计算属性里

简单写法：

import { mapState } from 'vuex'

computed: {

  ...mapState(['age'])

}

 

getter

用于从store中派生出一些状态，getter的返回值会根据它的依赖被缓存起来，只有当它的依赖值发生改变才会被重新计算

使用方法类似state：

this.$store.getters.isAdult

简单写法：

import { mapGetters } from 'vuex'

computed: {

  ...mapGetters(['isAdult'])

}

标签：状态,computed,mapGetters,state,相关,vuex,store
来源： https://www.cnblogs.com/allenzhang-920/p/10993331.html