vue中如何优雅高效的使用pinia

在 Vue3 中使用 Pinia 针对版本 4 的官方文档可能不够直观，以下是一些常见 API 的记录。在安装完 Pinia 后，若遇到 The requested module vue-demi does not provide an export named hasInjectionContext 的错误，需将 Vue 更新到 0 版本。

实现本地存储：默认存储：通过插件轻松实现本地存储功能，默认以storeId作为key值，将state中所有状态存储在sessionStorage中。配置调整：可通过strategies进行配置调整。Pinia在Vue3中提供了一种简洁、轻量且功能强大的状态管理方案，掌握上述用法后，可以更有效地在Vue项目中进行状态管理。

Vue 3 Pinia的使用场景主要包括以下几个方面：集中管理组件状态：在Vue 3项目中，当多个组件需要依赖同一份数据时，使用Pinia可以集中管理这些状态。例如，用户信息（如昵称、角色、权限）可能会在多个组件中显示和修改，使用Pinia可以方便地管理和同步这些数据，避免数据冗余和传递链条冗长的问题。

轻松共享状态：Pinia 允许跨组件间轻松共享状态，使得状态管理变得更加简单和直观。简洁的 API 设计：Pinia 的 API 设计更加简洁，与 Vue3 的 Composition API 高度契合，开发者可以更容易地理解和使用。