1、VueX的核心属性有五个，它们分别是state、mutation、action、getter以及module，接下来将逐一介绍。在VueX中，state用于保存需要全局共享的数据。在组件中访问state数据，可使用`this.$store.state.数据名`或辅助函数。至于mutation，它负责修改state中的数据。
2、VueX的五种属性state：vuex的基本数据，用来存储变量（后四个属性都是用来操作state里面储存的变量的）。getters：是对state里面的变量进行过滤的。mutation：提交更新数据的方法，必须是同步的（如果需要异步使用action）。promise的使用场景、axios使用教程、vuex刷新页面数据丢失、vuex页面刷新数据、vuex存储信息。
3、vuex的五个属性及使用方法具体如下：VueX是一个专门为Vue.js应用设计的状态管理构架，统一管理和维护各个vue组件的可变化状态（你可以理解成vue组件里的某些data）。Vuex有五个核心概念：state，getters，mutations，actions，modules。
4、State：Vuex中的核心状态容器，存储应用中的响应式数据。 Getters：用于派生状态，类似于计算属性，可以对state中的数据进行计算和过滤，得到新的数据。 Mutations：定义同步更改状态的方法，每个mutation都有一个唯一的事件类型（type）。当调用mutation时，Vuex会跟踪这些变更，并可以记录变更的历史。
区别：李竖vuex存储在内存，localstorage（本地存储）则以文件的方式存储在本地，永久保存；sessionstorage（会话存储）？，临时保存。
首先，Vuex 是 Vue 应用的状态管理工具，集中存储组件状态，确保数据变化预测性。其次，localStorage 存储在用户浏览器中，数据持久，除非主动删除。接着，Cookie 由服务器生成，携带至每次请求，主要管理会话信息。它们在生命周期、数据大小、安全性与适用场景上存在差异。
在Vue应用中，页面刷新时Vuex中的数据丢失是一个常见的问题，因为Vuex数据存储在内存中，刷新后会重新初始化。为解决这个问题，有三种主要的策略：存储到浏览器缓存：首先，可以将数据存入sessionStorage或localStorage，如sessionStorage更适用于单页面应用，因为它在页面关闭后清除。
在开发过程中遇到了以下问题： 使用 Tomcat 运行 Maven 工程，通过 Eclipse2020-06配置Tomcat5运行Maven项目。 运行Maven工程时报错“Error creating bean with name ‘sessionFactory’”。关键在于检查自己的 mapper，确认字段名无误。 使用 vuex-persistedstate 中间件对 vuex 进行持久化处理。
数据持久化方面，Pinia使用插件如`pinia-plugin-persistedstate`来实现数据存储在localStorage或sessionStorage。安装和配置方法请参考相关文档。总结而言，Pinia提供了完整的TypeScript支持，安装和使用都非常简单。它比Vuex更轻量，只有state、getters、actions，没有模块嵌套，更适合代码分割。
为了实现状态持久化，可以使用pinia-plugin-persistedstate插件。安装后，在src/stores/index.ts引入插件，并在需要持久化的store中引入。对于函数式Store，持久化配置如下：保存后，数据将自动存储在localStorage中。如果只希望持久化部分状态，可以通过修改插件配置来实现。