vuex 理解

爲何要用vuex？頁面由多個視圖組成，用戶操做會引視圖的狀態變化。

• 多個視圖依賴於同一狀態（例如：菜單導航）

• 來自不一樣視圖的行爲須要變動同一狀態（例如：評論彈幕）
  

  vuex 的做用

• 爲vue.js開發的狀態管理模式
• 組件狀態集中管理

• 組件狀態改變遵循統一的規則
  vuex 使用store.js
  

state:組件狀態
mutations:惟一能夠改變vuex狀態的方法集。

vuex的使用

在組件1（info.vue）中引store.js:import store from '@/store'(@表明src目錄)，

在組件1中的methods中引用store.js中定義的方法，並將狀態變化值保存在store.js中

其它組件(about.vue)要引用組件1中改變的值就要引入store.js

vuex能夠理解爲狀態管理中央，由store.js來實現。

注意：vuex刷新頁面狀態就沒了，因此須要localStorage或者sessionStorage來配合

下面是具體的使用方法：

1.查詢數據：this.$store.state.name   |    this.$store.getters.getUsername

2.修改數據：this.$store.dispatch('changeName', 'newname')