pinia值得你喜欢的store

pinia是vue专属的状态管理库,他允许跨组件或页面共享状态

pinia vuex 的区别:

  • 更友好的TypeScript支持,Vuex之前对TS的支持很不友好
  • 与 Vuex 相比,Pinia 提供了一个更简单的 API,具有更少的仪式,提供了 Composition-API 风格的 API
  • 不再有modules的嵌套结构
  • 也不再有命名空间的概念,不需要记住它们的复杂关系

认识Store
         
一个Store(如Pinia)是一个实体,它可以保存全局状态,这样就可以定义任意数量的Store来管理你的状态,比如:state,getters,actions

定义一个store

        Store是使用defineStore()定义的,它还需要一个名称,作为第一个参数传递

                

State是store的核心   类似于data,可以用来存储全局状态

        
getters类似于组件的computed用来封装计算属性,用缓存功能

actions可以修改state                   

        

猜你喜欢

转载自blog.csdn.net/longyan_tianyu/article/details/128858730