安裝vuex

npm install vuex --save

在main.js中啟用vuex

// main.js
import Vuex from 'vuex';
// 導入store
import store from './store'

Vue.use(Vuex);

new Vue({
	store,
})

新增store>index.js檔案管理vuex

// store>index.js
import Vue from 'vue';
import Vuex from 'vuex';

Vue.use(Vuex);

export default new Vuex({

})

state→存放資料狀態

將要管理的資料(isLoading)存放在state

// store>index.js
export default new Vuex.Store({
  strict: true,
  state: {
    isLoading: false,
  },
})

action→進行非同步行為及取得資料

• 並不會改變資料狀態

getter→資料呈現方式

mutation→改變資料內容的方法