Vuex

vuex目錄結構

|--modules
|-----saerch.js
|-----searchGrouop.js
|--actions.js
|--getters.js
|--middlewares.js
|--mutation-types.js
|--store.js

各文件使用說明

modules

module 也就是vuex概念裏的store,這裏模塊拆分了,存放咱們實際項目中要使用的vuex模塊,通常能夠針對組件級別定義.
例如這裏咱們定義了search.js和searchGroup.js 然而module最後會在store.js中統一使用

actions

這裏定義咱們vue組件要操做的動做事件, 好比請求一個異步操做,獲取其餘組件的狀態等

getter

getters 定義公用的getters處理 ,例如正常組件裏想computed一個狀態但在vuex裏面不知道怎麼處理，就能夠在這裏處理

middlewares

middlewares中間件處理的東西，這裏主要開發時候在控制檯查看一些處理日誌，vuex自己自帶,其餘沒有研究過

mutation-types

定義mutation裏用到的方法常量值，統一處理在這裏，通常都是業務字符串常量

store

store.js核心文件，這裏就是vuex基本的寫法了，先引用vue和vuex 而後user(Vuex),把定義好的modules,middlewares引入進來而後返回一個Vuex.store