Vuex 基本核心概念筆記 [01]

什麼是 Vuex ?

用來管理前端網頁資料狀態，適合用來開發大型專案。
可以方便做為元件之間資料的共享，是實現元件全域狀態管理的一種機制。

Vuex 屬於單向資料流

一般來說，如果元件之間有資料需要共享時就可以將資料存到 Vuex。若資料不需要共享，存在元件中的 data 即可。不過可以根據開發需要做調整。

安裝
npm install vuex --save

import

import Vue from 'vue'
import Vuex from 'vuex'

Vue.use(Vuex)

const store = new Vuex.Store({
  // state 放全域共享資料
  state: {
    count: 0
  }
})

最後將 Store 掛載在 Vue 的實體中

new Vue({
  el: '#app',
  store: store,
})

開發中，開啟嚴格模式，無論何時發生了狀態變更且不是由 mutation 函數引起的，將會拋出錯誤。這能保證所有的狀態變更都能被調試工具跟踪到。

1
2
3

const store = new Vuex.Store({
  strict: true
})

2021-03-30

git push 到 github & Github Pages 筆記