Vuex中属性及用法

2022-12-22 0 968

vuex是无数个专为 Vue.js 应用领域软件开发的状况管理软件,它选用封闭式repeats应用领域的大部份模块的状况,而更动状况的惟一方式是在mutaions里修正state,actions无法间接修正state

共计四个特性

state 统计数据暂存getter state的排序特性mutation 更动state中状况的方法论 同步操作方式 (无法写,即使mutation被促发时表达式还没被初始化)action 递交mutation 促发器操作方式 (能写表达式)model 模组化

一、state 基本上统计数据,储存表达式

Vuex中属性及用法

选用时 this.$store.state.info 或这选用mapState

二、getter 从基本上统计数据(state)衍生的统计数据,相等于state的排序特性;

选用时 this.$store.getters 或这选用mapGetters

Vuex中属性及用法

三、mutations

读法: this.$store.commit(‘mutations方式名’,值) ||| commit是同步操作方式

mutaions 会接受 state 作为第一个参数,递交载荷作为第二个参数。用来间接修正state中的值

Vuex中属性及用法

四、actions

和mutaions 功能是大致相同的,不同之处在于actions是递交Mutaions来修正state的

Vuex中属性及用法

读法如图

context 中包含多个值

state, 等同于store.$state,若在模块中则为局部状况 rootState, 等同于store.$state,只存在模块中 commit, 等同于store.$commit dispatch, 等同于store.$dispatch getters 等同于store.$getters

能解构单用其中几个

Vuex中属性及用法

五、modules:模组化vuex,能让每一个模块拥有自己的state、mutation、action、getters,使得结构非常清晰

Vuex中属性及用法
Vuex中属性及用法

相关文章

发表评论
暂无评论
官方客服团队

为您解决烦忧 - 24小时在线 专业服务