>[success] # plugins -- Vuex 組件 ~~~ 1.vuex 可以提供一些組件的使用，這個參數可以訂閱一個函數，讓這個函數在所有的mutation結束之后執行。 ~~~ >[danger] ##### 在store 文件下的plugin文件下創建saveInLocal.js ~~~ 1.vuex 改變的內容都是保存在內存中，也就是說當用戶刷新頁面。所有數值等于， 沒有變化，因此我們可以給vuex增加一個配置文件，這個配置文件主要的作用，可 以把內容保存在本地中，避免刷新消失的情況 ~~~ ~~~ export default store => { if (localStorage.state) store.replaceState(JSON.parse(localStorage.state)) store.subscribe((mutation, state) => { localStorage.state = JSON.stringify(state) }) } ~~~ >[danger] ##### 在store文件下的index.js 使用 ~~~ import Vue from 'vue' import Vuex from 'vuex' import state from './state' import mutations from './mutations' import actions from './actions' import getters from './getters' import user from './module/user' import saveInLocal from './plugin/saveInLocal' Vue.use(Vuex); export default new Vuex.Store({ state, mutations, actions, getters, modules:{ user }, // 使用 plugins:[saveInLocal], }) ~~~