鐵人檔案
插件（Plugin） Vuex 的 store 接受 plugins 選項，這個選項露出每個 mutation 的鉤子 (hook)， Vuex 插件就是一個函...
嚴格模式 Strict Mode 開啟嚴格模式只需要在建立 store 時傳入 strict: true 。 const store = new Vuex.S...
表單處理 當在嚴格模式中使用 Vuex 時，state 使用在 v-model 時會遇到問題： <input v-model="obj.mes...
前言 前面我們已經把 Vuex 的特性都解說完畢，應該對 Vuex 有初步的了解，但是如果沒有實作我們還是沒有辦法很熟悉，官方這邊提供了一個購物車的範例，我們就...
Mock API 在 api/shop.js 的文件中我們可以看到模擬的 API ，要注意在 buyProducts 這個函數中，因為要模擬失敗或是成功的結果，...
module 由於購物車與商品各自有許多不同的函數，為了未來維護上方便，我們將其拆成獨立的檔案，這樣在 store 中就不會一次出現很長一串的程式碼，這裡我們以...
前言 使用 Vuex 時我們一定會想到説可以應用在帳號登入，紀錄一些使用者的資訊，這邊我們來試著做一個帳號登入的功能。 Login Page 首先建立一個登入...
Vue.js devtools Vue.js devtools 是一個在開發時很實用的 Chrome 套件，我們可以在裡面檢查組件的資料，也可以查看 Vuex...
Plugin 前面有稍微提到如何使用 plugin ，不過我們有時候並不需要自己來建輪子， GitHub 上已經有很多人開發中出方便實用的工具，我們可以善加利用...
Cheat Sheet 這邊分享一個美觀又實用的 Vuex Cheat Sheet ，作者將 Vuex 會用到的功能全部列在清單中，對於我這種今天看完明天就忘記...
