`vuex`管理用户信息步骤(store)
1 安装插件
npm install --save vuex-persistedstate
2 需要创建一个 localStorage 自定义插件来引入第三方包
在创建好的 localStorage 的目录下添加一下代码
import createPersistedState from 'vuex-persistedstate'
export default ({store}) => {
window.onNuxtReady(() => {
createPersistedState({
key: "store", // 读取本地存储的数据到store
})(store)
})
}
3 导入插件
修改 nuxt.config.js 配置文件,在plugins 配置项中新添加一条数据
// 其他代码...
plugins: [
// 其他代码...
{ src: '@/plugins/localStorage', ssr: false }
],
// 其他代码...