安裝vue狀態(tài)管理的方法:1、創(chuàng)建一個基于Vue的工程,執(zhí)行“npm install”命令安裝依賴;2、在控制命令行中,執(zhí)行“npm install vuex –save”命令安裝Vuex即可。
本教程操作環(huán)境:windows7系統(tǒng)、vue2.9.6版,DELL G3電腦。
一、什么是Vuex
Vuex 是一個專為 Vue.js 應(yīng)用程序開發(fā)的狀態(tài)管理模式。它采用集中式存儲管理應(yīng)用的所有組件的狀態(tài),并以相應(yīng)的規(guī)則保證狀態(tài)以一種可預(yù)測的方式發(fā)生變化。Vuex 也集成到 Vue 的官方調(diào)試工具devtools extension,提供了諸如零配置的 time-travel 調(diào)試、狀態(tài)快照導(dǎo)入導(dǎo)出等高級調(diào)試功能。
這個狀態(tài)自管理應(yīng)用包含以下幾個部分:
- state,驅(qū)動應(yīng)用的數(shù)據(jù)源;
- view,以聲明方式將state映射到視圖;
- actions,響應(yīng)在view上的用戶輸入導(dǎo)致的狀態(tài)變化。
以下是一個表示“單向數(shù)據(jù)流”理念的極簡示意:
更復(fù)雜的情況
- 多個視圖依賴于同一狀態(tài)。
-
來自不同視圖的行為需要變更同一狀態(tài)。
二、什么情況下我應(yīng)該使用 Vuex?
雖然 Vuex 可以幫助我們管理共享狀態(tài),但也附帶了