vuex

1、安装 npm install vuex-save
2、store.js中

import Vue from 'vue'
import Vuex from 'vuex'

Vue.use(Vuex)

export const store = new Vuex.Store({
    state:{//存放数据
        products:{}
    },
    getters:{//对存放在state中的数据进行状态处理再输出
        getters方法:(state)=>{}
    },
    mutations:{
        mutations方法:(state)=>{},
        mutations中要请求分发的方法名:(state,payload)=>{
        
        }
    },
    actions:{//
        actions方法:(context,payload){
        context.commit('mutations中要请求分发的方法名'，payload)
        }
    }
})

3、在main.js中

import {store} from './store/store'
new Vue({
    store :store
})

4、在组件拿存放在vuex中的值

export defalut{
    computed:{
        products(){
            return this.$store.state.products
        },
        getters方法(){//此处命名与下方命名不必一致，此处命名左右在当前组件的template中
            return this.$store.getters.getters方法
        }
    },
    medhods:{
        触发mutation的方法(){
            this.$store.commit('mutations方法')
            
        }
        触发acions的方法(amount){
        this.$store.dispatch('actions方法',amount)
        }
    
    }
}