【VUE】-Vuex學習與使用

什麼是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)
發佈了157 篇原創文章 · 獲贊 89 · 訪問量 4萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章