vuex的五个核心概念

MrSunOcean 2020-06-21

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([])
}

相关推荐