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