筆記: 初學 Vuex

Vuex 就是比較大型的儲存庫的概念，裡面存儲的數據可以傳給各個 .vue 檔，也可以傳

回來，規模大小是 Vuex(比較有規範跟方法) > store(開一個js檔案存) > eventbus(內外元件)。

首先安裝，筆者是用 Vue Cli 開發，用 npm 安裝，當然 yarn 也可以。

npm install vuex --save

在 main.js 中使用

import Vuex from 'vuex'

Vue.use(Vuex)

new Vue 裡加入 store，ES6 中 store: store 可以簡寫。

同樣在 main.js 中建立倉庫。

state 是儲存資料的地方，可以很多筆，跟 store 差異最大的地方是：改變 state 的資料時，必須

使用 mutation 裡的方法，例如 store.commit('increment', 10)，方法可以加入參數，所以上式就

可以將 count + 10。

在另外一個 .vue 檔實際讀改數據。

頁面還有其他東西，所以 <template> 部分標籤跟 method 的 } 有興趣嘗試的自行補上，count

跟item 透過 this.$store.state 可以顯示為0 ，當按下按鈕觸發 addStore 的時候，利用

this.$store.commit('mutation裡的方法',可選的參數)，來更改 state 裡的資料。

目前只看到基本用法，其他就留待日後研究。

筆記