自学内容网 自学内容网

Pinia的简介和基本使用

什么是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


原文地址:https://blog.csdn.net/m0_73864806/article/details/140519445

免责声明:本站文章内容转载自网络资源,如本站内容侵犯了原著者的合法权益,可联系本站删除。更多内容请关注自学内容网(zxcms.com)!