我的vuex的使用

Posted 2020-10-10 夏天的水果

store.js

 

import Vue from \'vue\'
import Vuex from \'vuex\'
Vue.use(Vuex)

/* 创建初始的状态 */
let state = {
  person:[]
};

//状态变化之后修改状态
const actions = {
  increase (context, price) {
      context.commit(\'addVuex\', person)
  }
};
 
// 返回改变后的数值
const getters = {
    getPerson:state => state.person
    // getPerson(state){
    //     return  state.person;
    // }
};

//状态变化
const mutations = {
     addVuex(state,value){
        state.person = value;
    }
};
///commonjs的规范,,输出下面四个
export default new Vuex.Store({
    state,
    mutations,
    actions,
    getters
})

View Code

 

login.vue

//调用此方法传入需要改变的值