vuex的一个demo,数据拿到界面上

1.拿到store的一个值,并实现自增

 1 
 7 

 

2.用辅助函数拿到store里的值,并用store里的方法操作

 1 
 7 

 

3.我的store,配置数据持久化

 1 Vue.use(Vuex);
 2 
 3 const Store = new Vuex.Store({
 4     state:{
 5         user:1
 6     },
 7     mutations:{
 8         setUser(state,newuser = 1){
 9             state.user += newuser
10         }
11     },
12     actions:{
13         contorlSetUser({commit},newuser){
14             //user对应mutations里面的一个方法名
15             commit("setUser",newuser)
16         }
17     },
18     // 默认保存到localStorage
19     // plugins:[createPersistedState()],
20     plugins:[createPersistedState({
21         //  修改成sessionStorage    
22         storage:window.sessionStorage
23     })],
24     
25     modules:{}
26 })
27 
28 export default Store

 

你可能感兴趣的:(vuex的一个demo,数据拿到界面上)