'add'

README.md

@@ -36,7 +36,8 @@
 - chapter31 地址新增 — 数据结构定义与事件添加
 - chapter32 localStorage本地储存
 - chapter33 vuex初探(一)
-- chapter33 vuex初探(二)
+- chapter34 vuex初探(二)
+- chapter35 vuex初探(三)
 - MongoDB的安装
 - MongoDB服务的配置
 - MongoDB基本语法

src/store/actions.js

@@ -0,0 +1,5 @@
+export default {
+    changeCity(ctx, city) {
+        ctx.commit('changeCity', city)
+    }
+}

src/store/index.js

@@ -1,21 +1,14 @@
 import Vue from 'vue'
 import Vuex from 'vuex'
+import state from './state'
+import mutations from './mutations'
+import actions from './actions'
 
 Vue.use(Vuex)
 
 // 导出vuex,创建一个仓库store
 export default new Vuex.Store({
-    state: {
-        city: '杭州'
-    },
-    actions: {
-        changeCity(ctx, city) {
-            ctx.commit('changeCity', city)
-        }
-    },
-    mutations: {
-        changeCity(state, city) {
-            state.city = city;
-        }
-    }
+    state,
+    actions,
+    mutations
 })

src/store/mutations.js

@@ -0,0 +1,5 @@
+export default {
+    changeCity(state, city) {
+        state.city = city;
+    }
+}

src/store/state.js

@@ -0,0 +1,3 @@
+export default {
+    city: '杭州'
+}