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

}

猜你喜欢

转载自www.cnblogs.com/allenzhang-920/p/10993331.html
今日推荐