-
使用案例
-
文件目录
-
main.js
import store from '@/components/autoTestPaper/store' new Vue({ el: '#app', router, store, components: {App}, template: '<App/>' })
-
index.js
import Vue from 'vue' import Vuex from 'vuex' import state from './state' import mutations from './mutations' import actions from './actions' Vue.use(Vuex); export default new Vuex.Store({ state, actions, mutations })
-
state.js
export default { testBasketList: (localStorage.getItem("testBasketList") && localStorage.getItem("testBasketList") != []) ? JSON.parse(localStorage.getItem("testBasketList")) : {} }
-
actions.js
export default { changeTestBasketList(ctx, list) { ctx.commit('changeTestBasketList', list) } }
-
mutations.js
export default { changeTestBasketList(state, list) { localStorage.setItem("testBasketList", JSON.stringify(list)); state.testBasketList = JSON.parse(localStorage.getItem("testBasketList")); } }
-
-
调用
import {mapState} from 'vuex'; computed: { ...mapState(['testBasketList']) },
vuex
最后编辑于 :
©著作权归作者所有,转载或内容合作请联系作者
- 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
- 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
- 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
推荐阅读更多精彩内容
- 目录 vuex是什么 vuex 的五个核心概念State 定义状态(变量)Getter 获取状态(变量的值)Mut...