vuex的五个核心概念

Posted 2020-12-11 fortuneteller-li

Vuex有五个核心概念：
state：vuex的基本数据，用来存储变量
geeter：从基本数据(state)派生的数据，相当于state的计算属性
mutation：提交更新数据的方法，必须是同步的(如果需要异步使用action)。
action：Action 提交的是 mutation，而不是直接变更状态。 Action 可以包含任意异步操作。
modules：模块化vuex，可以让每一个模块拥有自己的state、mutation、action、getters,使得结构非常清晰，方便管理。
使用下面这两种方法存储数据：
dispatch：异步操作，写法： this.$store.dispatch(‘mutations方法名‘,值)
commit：同步操作，写法：this.$store.commit(‘mutations方法名‘,值)

import {mapState，mapGetters，mapMutations} from ‘vuex‘ 按需加载
computed:{
...mapState([]),
...mapGetters([]) 
}
methods:{
...mapMutations([])
}