Vuex-组件之间传递数据

前言

假设A需要传递到B(组件之间传递数据)，在B组件刷新之后就获取不到了A传递过来的值了，是因为数据的传递是在A组件中触发了事件，数据才会传递到B组件，当你直接在B组件刷新的时候，并没有触发A组件的事件，所以就不会传递参数。

解决方法：

一、配置Vuex

首先导入Vuex依赖：

npm install vuex --save

创建src/vuex/store.js文件，用来到处store实例：

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

Vue.use(Vuex)

const state = {
    top: ''
}

const mutations = {
    changeTop(state, t = ''){
        return (state.top = t)
    }
}

export default new Vuex.Store({
    state，
    mutations
})

在src/main.js文件Vue实例中注册store实例：