Vuex存取

methods: {
    save () {
        this.$store.commit('getList', data);
    }
},

methods: {
    value () {
        this.$store.state.handle.list.data;
    }
},

store.js

import Vue from 'vue'
import Vuex from 'vuex'
import handle from './handle'

Vue.use(Vuex)

export default new Vuex.Store({
    // 数据
    state: {
    
    },
    // 改变state中变量的方法,mutations是改变state数据的唯一途径,commit()
    mutations: {

    },
     // 做逻辑操作,计算、发送ajax,dispath()
    actions: {
    
    },
    // 根据state中的数据,计算数据
    getters: {
    
    },
    modules: {
        handle
    }
})

store的handle.js(放变量)

let state = {
    list: []
}

let mutations = {
    getList (state, info) {
        state.list = info
    }
}

export default {
    state: state,
    mutations
}

你可能感兴趣的:(vue,vue.js)