vuex用的多吗（pinia和vuex的区别 Vuex 和 Pinia 的优缺点 何时使用Pinia，何时使用Vuex）

pinia和vuex的区别

（1）pinia它没有mutation,他只有state    
    
    
   ，getters   


     


     


     

，action【同步  
    
    
    
、异步】使用他来修改state数据

 （2）pinia他默认也是存入内存中



 




 




 




，如果需要使用本地存储   

   

   

  ，在配置上比vuex麻烦一点

 （3）pinia语法上比vuex更容易理解和使用    

     

     

     
，灵活    
    
    
   。

 （4）pinia没有modules配置




  




  




  




，没一个独立的仓库都是definStore生成出来的

 （5）pinia state是一个对象返回一个对象和组件的data是一样的语法

Vuex 和 Pinia 的优缺点

Pinia的优点

完整的 TypeScript 支持：与在 Vuex 中添加 TypeScript 相比  


  


  


 ，添加 TypeScript 更容易 极其轻巧(体积约 1KB) store 的 action 被调度为常规的函数调用     
     
     
     ，而不是使用 dispatch 方法或 MapAction 辅助函数




   




   




   




，这在 Vuex 中很常见 支持多个Store 支持 Vue devtools

     


     


     


   、SSR 和 webpack 代码拆分

Pinia的缺点

不支持时间旅行和编辑等调试功能

Vuex的优点

支持调试功能
 



 



 



，如时间旅行和编辑 适用于大型 




 




 




 

、高复杂度的Vue.js项目

Vuex的缺点

从 Vue 3 开始                    ，getter 的结果不会像计算属性那样缓存 Vuex 4有一些与类型安全相关的问题

何时使用Pinia 




    




    




    



，何时使用Vuex

个人感觉：
















，由于Pinea是轻量级的                   ，体积很小  



     



     



     


，它适合于中小型应用   


     


     


     

。它也适用于低复杂度的Vue.js项目

















，因为一些调试功能    
    
    
   ，如时间旅行和编辑仍然不被支持



 




 




 




。

将 Vuex 用于中小型 Vue.js 项目是过度的   


     


     


     

，因为它重量级的



 




 




 




，对性能降低有很大影响   

   

   

  。因此   

   

   

  ，Vuex 适用于大规模  

   

   

   

、高复杂度的 Vue.js 项目    

     

     

     
。

pinia和vuex在vue2和vue3都可以使用    

     

     

     
，一般来说vue2使用vuex,vue3使用pinia




  




  




  




。