用过vue框架的家人们都知道，vuex在项目内的组件传值是非常好用的，但是唯一的缺点就是无法做到数据持久化，我们常用的办法是结合本地存储使用，但是每次都需要从本地存取，当操作数据或者方法较多时，让我们觉得很麻烦，这时候我们可以借助一些插件，这里推荐一款vuex-persistedstate给大家参考

 * 使用固化存储：

 *  1. 在小黑窗口或者终端安装插件

npm i vuex-persistedstate --save

 *  2. 在store/index.js中引入：

import createPersistedState from "vuex-persistedstate";

 *  3.在vuex中与五大模块平级的位置写上

 plugins: [createPersistedState()]

这个步骤走完之后，你每次修改state的数据时，插件会自动帮你在本地创建一个json对象来保存你state中所有的值，很简单好用

 官网地址： https://www.npmjs.com/package/vuex-persistedstate

# 前端
Logo
Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^

avatar Vue
cover

echarts堆叠柱状图

avatar Vue

Error in v-on handler: "TypeError: Cannot read properties of undefined (reading 'current')"

这是一个 Vue.js 错误，报错信息提示在 v-on 处理程序中出现了错误：“TypeError: Cannot read properties of undefined(读取 'current')”。这意味示在您的代码中，试图读取一个未定义的变量 'current'。您需要检查您的代码，确保 'current' 已正确定义并初始化。...

avatar Vue