Vuex- Action的 { commit } {commit}是什么写法

  Vuex 中 使用 Action 处理异步请求时,常规写法如下:

  getMenuAction:(context) =>{
            context.commit('SET_MENU_LIST',['承保2','核保2'])
        }
    }

我们也可以使用如下简化写法,如下:

 actions:{
        getMenuAction:({commit}) =>{
            commit('SET_MENU_LIST',['承保2','核保2'])
        }
    }

参照原文章

https://www.cnblogs.com/xianrongbin/p/2781659.html

转载于:https://www.cnblogs.com/boshow/p/9209290.html

可以在uniapp中使用vuex-persistedstate来实现持久化存储,具体操作步骤如下: 1. 安装vuex-persistedstate:在uniapp项目中进入终端,执行npm install vuex-persistedstate --save命令进行安装。 2. 在store目录下创建一个plugins.js文件,将以下代码复制到文件中: ``` import createPersistedState from 'vuex-persistedstate' export default ({store}) => { createPersistedState({ key: 'uniapp-vuex', storage: { getItem: key => uni.getStorageSync(key), setItem: (key, value) => uni.setStorageSync(key, value), removeItem: key => uni.removeStorageSync(key) } })(store) } ``` 3. 在store目录下的index.js文件中引入plugins.js,并将其作为store的插件: ``` import Vue from 'vue' import Vuex from 'vuex' import plugins from './plugins' Vue.use(Vuex) const store = new Vuex.Store({ plugins, ... }) export default store ``` 4. 至此,使用vuex-persistedstate实现持久化存储的配置已完成。在需要存储的state属性中添加@Persist注解即可。 例如,在store目录下的index.js文件中: ``` import {Persist} from 'vuex-persistedstate' const state = { count: 0 } const mutations = { increment (state) { state.count++ } } const actions = { increment ({commit}) { commit('increment') } } export default { state, mutations, actions, plugins: [Persist('count')] } ``` 在以上代码中,通过@Persist('count')表示count属性需要进行持久化存储。 5. 至此,在uniapp中使用vuex-persistedstate实现持久化存储的配置已完成,可以在需要的地方进行使用。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值