vuex是什麼？

是一個專為 Vue.js 應用程式開發的狀態管理模式 + 庫。它採用集中式儲存管理應用的所有元件的狀態，並以相應的規則保證狀態以一種可預測的方式發生變化。

vuex 核心概念：

每一個 Vuex 應用的核心就是 store（倉庫）。“store”基本上就是一個容器，它包含著你的應用中大部分的狀態 (state)。

State : Vuex store例項的根狀態物件，用於定義共享的狀態變數

Getter : 外部程式通過他獲取變數的具體值，或者在取值前做一些計算（可以認為是store的計算屬性）

Action : 用於非同步修改state中定義的狀態變數，但修改也是呼叫mutation中的方法，而不是

Mutation : 用於修改state中定義的狀態變數（必須是同步函式）

Moudel :由於使用單一狀態樹，應用的所有狀態會集中到一個比較大的物件。當應用變得非常複雜時，store 物件就有可能變得相當臃腫。

為了解決以上問題，Vuex 允許我們將 store 分割成模組（module）。每個模組擁有自己的 state、mutation、action、getter、甚至是巢狀子模組——從上至下進行同樣方式的分割

如何在元件中去使用vuex的值和方法

vuex

state:{

count:1

}

元件中

//state

this.$store.state.count

//getter

this.$store.getter.count

//action 不帶引數

this.$store.dispatch("方法名")

//action 帶引數

this.$store.dispatch( "方法名" ,{key:value} )

//Mutation

this.$store.commit("方法名"，需要的值)