Vuex----理解

Vuex 是什麼？

Vuex 是一個專爲 Vue.js 應用程序開發的狀態管理模式。它採用集中式存儲管理應用的全部組件的狀態，並以相應的規則保證狀態以一種可預測的方式發生變化。Vuex 也集成到 Vue 的官方調試工具 devtools extension，提供了諸如零配置的 time-travel 調試、狀態快照導入導出等高級調試功能.

什麼是「狀態管理模式」？

讓咱們從一個簡單的 Vue 計數應用開始：

new Vue({
  // state
  data () {
    return {
      count: 0
    }
  },
  // view
  template: `
    <div>{{ count }}</div>
  `,
  // actions
  methods: {
    increment () {
      this.count++
    }
  }
})

這個狀態自管理應用包含如下幾個部分：

 

•  state:驅動應用的數據源，也就是代碼中的data
•  view，以聲明方式將 state 映射到視圖，也就是HTML代碼；
•  actions，響應在 view 上的用戶輸入致使的狀態變化，簡單的說View顯示數據分爲初始化和更新，更新須要改變數據，actions就對應改變數據時調用函數的行爲。

多組件共享狀態的問題

1）多個視圖（組件）使用同一個狀態

2）來自不一樣的視圖（組件）的行爲（函數）須要操做同一個狀態

3）之前的解決方法

　　a.將數據以及操做數據的行爲都定義在父組件

　　b.將數據及操做數據的行爲傳遞給須要的各個子組件（有可能須要多級傳遞）

4）vuex就是用來解決這個問題的