您现在的位置是：首页 >技术交流 >vue-9：pinia网站首页技术交流

pinia

1. pinia天生支持模块化

2. 天生支持组合式api

pinia 和 vuex对比

pinia和Vuex都是Vue.js状态管理库

1. API的不同：Pinia提供了类似于Vuex的API，但使用起来更加简单直观。例如，Pinia使用defineStore定义store，而Vuex使用new Vuex.Store定义store。
2. 数据响应式的不同：Pinia使用Vue 3的响应式系统，而Vuex使用Vue 2的响应式系统。Vue 3的响应式系统更加高效和灵活。
3. 插件的不同：Vuex具有很多第三方插件，可以很方便地扩展其功能。而Pinia还比较年轻，目前可用的插件相对较少。
4. TypeScript的支持：Pinia对TypeScript的支持更好，可以更好地利用TypeScript的类型检查功能，而Vuex的类型推断相对较弱。 总的来说，Pinia提供了一个更加简单和直观的API，并且使用Vue 3的响应式系统，但它的生态系统相对较小。而Vuex则具有更加丰富的生态系统和插件，并且对Vue 2和TypeScript的支持更好。在选择使用哪一个状态管理库时，需要根据具体项目需求和开发团队的技术栈来进行选择。

具体使用哪个状态管理库应该根据项目需求和个人喜好来决定。

使用

持久化存储：main.js中引入 stores中使用：

{ persist:true }

装可持久化插件： npm i pinia-plugin-persistedstate

//main.js中

//导入pinia持久化插件 import piniaPluginPersistedstate from "pinia-plugin-persistedstate";

//pinia持久化 //

pinia使用 pinia.use( piniaPluginPersistedstate );

//模块中添加：