什麼是Vuex?
Vuex 是一個專門爲 Vue.js 應用程序開發的狀態管理模式,使用插件的形式引進項目中
- 集中存儲和管理應用的所有組件的狀態,並以相應的規則保證狀態以一種可預測的方式發生變化
- 每一個 Vuex 應用的核心就是 store(倉庫),new Vue.store({…}),“store”基本上就是一個容器,它包含應用中大部分的狀態 (state)
什麼時候使用?
用於SPA開發大型單頁應用時使用
Vuex核心概念
-
State:共享狀態(變量)
-
Getter:基於state的派生狀態,可理解爲組件中的計算屬性
-
Mutation:一組方法,改變store中狀態的執行者,同步操作
-
action:一組方法,類似mutation,但其中可以含有異步操作
-
Module:模塊,方便狀態管理與協作開發使用
安裝與使用
1、安裝
npm install vuex --save
2、引入文件
import Vue from 'vue'
import Vuex from 'vuex'
3、使用vuex插件:
Vue.use(Vuex)