vuex 初学

vuex属性：

有5种，分别是：State、Getter、Mutation、 Module。

实用场景，注册商家时信息过多，分步填写信息

1、安装：

npm install vuex --save

2、使用：在main.js中注入：

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

3、在src 中新建stroe文件，创建index.js，register.js文件；以下以注册为例：

import Vue from 'vue'
import Vuex from 'vuex'
import register from './modules/register'

Vue.use(Vuex)
const store = new Vuex.Store({
  modules: {
    register
  }
})
export default store

import Vue from 'vue'
import Vuex from 'vuex'
Vue.use(Vuex)
const state = {
  form: {},
  activeIndex: 0 // 记录步数
}
const store = {
  nameSpaced: true,
  state,
  mutations: {
    setValue (state, val) {
      state.form[String(state.activeIndex)] = val
    },
    nextStep (state) { // 下一步
      state.activeIndex += 1
    },
    preStep (state) { // 上一步
      state.activeIndex -= 1
    }
  },
  actions: {
  }
}
export default store

4、在main.js中导入

import store from './store'
//实例化 store
new Vue({
  el: '#app',
  store,
  router,
  template: '<App/>',
  components: { App }
}) 

5、