这里介绍三种方式
注释:在什么时候做持久化:1.值修改的时候储存到浏览器;2.初始值读取浏览器储存的值.
一.使用localStorage
储存 localStorage.setItem('key',JSON.stringify('value'))
获取 JSON.parse(localStorage.getItem('key'))
删除 localStorage.removeItem('key')
二.使用cookie
1.下载 yarn add js-cookie
2.导入 impor jsCookie from 'js-cookie'
3.使用
存储:jsCookie.set('key',value)
获取: jsCookie.get('key')
删除: jsCookie.remove('key')
三.使用 vuex-persistedstate
1.下载 yarn add vuex-persistedstate
2.导入 store文件的根模块导入(index.js) impor persistedstate from 'vuex-persistedstate'
3.配置 在index.js中
`{
state:{},
mutations:{},
actions:{},
getters:{},
modules:{},
plugins:[
persistedstate({
//默认是所有数据持久化
paths:['模块名','模块名.属性名']
})
]
}`
