Vuex — plugins插件

最后更新于:2022-04-02 08:09:50

>[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], }) ~~~
';