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




  




  




  




  

。