什么是Pinia?
Pinia是Vue专属的最新状态管理库,是Vuex状态管理工具的替代品
将Pinia添加到Vue项目:
1、使用creat-vue 创建空的新项目
2、将pinia添加到新的项目中
getters的实现以及Pinia-counter的基本使用:
点击按钮之后,按钮中的数字会自增,右边的数据会根据按钮中数据的变化再乘二
action如何实现异步
action中实现异步和组件中定义数据和方法的风格完全一致
需要安装axios,到package中查看是否安装成功
npm install axios
进行渲染:
storeToRefs:解构赋值
使用storeToRefs函数可以辅助保持数据(state+getter)的响应式结构,使用该方法产出的是两个响应式对象
下面是对数据和方法进行解构的案例:
总结:
Pinia用来做什么:状态管理工具是Vuex的替代品
Pinia中不需要使用mutation了,使用action既支持同步也支持异步
Pinia实现getter:使用computed进行模拟就可以
Pinia产生的Store如何解构赋值数据保持响应式:使用storeToRefs