vuex 简洁写法

在src下新建一个 /store/index.js,内容如下

/*引用vue和vuex*/
import Vue from 'vue'
import Vuex from 'vuex';
Vue.use(Vuex)

/*设置state参数*/
const state = {
  childText2: '',
  childText:"",
  txtArr:[]
}

const mutations = {
  changeChildText(state, str){
    state.childText = str;
    state.txtArr.push(str)
  },
  changeChildText2(state, str){
    state.childText2 = str;
    state.txtArr.push(str)
  },
  delLast() {
    state.txtArr.pop()
  }

}

const store = new Vuex.Store({
  state: state,
  mutations: mutations
})

export default store;    

在main.js里面引用

import store from './store/index'
new Vue({
  el: '#app',
  router,
  store,
  render: h => h(App)
})

这样就可以在vue里面使用了：