Pinia中action使用详解
actions的使用
动作相当于组件中的方法。它们可以使用actionsin 属性进行定义。
并且在pinia中的action既可以有同步函数也可以有异步函数。
在actions中可以通过this访问该仓库所有实例
export const useUsers = defineStore('users',{state:()=>{userData:null},actions:{async registerUser(login,password){...this.userData = 1}}
})
在setup中可以直接使用actions中的函数,pinia会自动推断
<script setup>import { useUsers } from '...'const store = useUsers()store.registerUser()//可以直接调用</script>
订阅$onAction
订阅操作默认情况下绑定到添加他的组件。这就意味着当组件卸载,订阅会自动被删除,但如果第二个参数传递为true则会将该订阅与组件分离。(即组件卸载该订阅依然存在)
$onAction的基本使用
//新建一个测试仓库
import { defineStore } from 'pinia'
export const testStore = defineStore('test', {state() {return {count:1}},actions: {testOnAction(id) {this.count++console.log(this.count)return Promise.resolve('这是testOnAction返回的值')},testOnAction2(...args) {console.log(...args)return Promise.reject('这是testOnAction222错误返回的值')}}
})
//在setup的语法糖里
import { testStore } from '../../pinia/modules/test'
const myTestStore = testStore()store.$onAction(({name,store,args,after,onError
})=>{if(name==='testOnAction'){after((reject)=>{//这里可以执行一些操作})}//onError钩子类似一个错误级中间件,当函数抛出promise的失败状态就会调用onError((error)=>{console.log(error)})
})
store.testOnAction(1)
store.testOnAction2(1,2,3,45)
详解$onAction中的参数
({ name,store, args,after, onError })
$onAction函数接受一个回调函数,该回调函数内部的代码会先于actions函数调用前执行,以下是$onAction中回调函数的参数介绍。
name当该仓库中的某个actions函数被调用,name是被调用函数的名字。
store是当前仓库实例,就是myTestStore
args是actions中某个被调用函数接受的实参,是个数组类型
after是个钩子函数,内部接受要给回调函数,该回调函数接受一个参数result,当actions中的函数返回了一个promise成功的返回值,result可以接受到,如果actions里的函数没有返回值则result则为undefined。after钩子函数会在actions中的函数被调用后执行
onError是个钩子函数,如果做过服务端的小伙伴肯定知道错误级中间件,onError同样接受一个回调函数,该回调函数接受一个error参数,该参数是actions内部函数中返回promise失败传的参数。如果actions内部函数返回了promise失败状态onError就会执行
总结
以上就是$onAction函数,对于$函数就相当于一个监听器,功能类似与watch当actions内部函数被调用就会触发。我们可以在某个函数调用前做一些操作,调用后执行某些操作,以及函数中抛出的错误进行操作。
Pinia中action使用详解相关推荐
- [置顶] iOS中 支付宝钱包详解/第三方支付
[置顶] iOS中 支付宝钱包详解/第三方支付 韩俊强的博客 每日更新关注:http://weibo.com/hanjunqiang 新浪微博! 一.在app中成功完成支付宝支付的过程 1.申请支付 ...
- Unity中AB包详解(超详细,特性,打包,加载,管理器)
Unity中的AssetBundle详解 AssetBundle的概念 AssetBundle又称AB包,是Unity提供的一种用于存储资源的资源压缩包. Unity中的AssetBundle系统是对 ...
- Android设置中“强行停止”详解
Android设置中"强行停止"详解 最近工作上遇到了广播接受不到的问题,查看了<Android 开发艺术探索>一书中关于广播的发送和接受的章节(P356-P362). ...
- python3 urlopen_扣丁学堂解析Python3中urlopen()使用详解
扣丁学堂解析Python3中urlopen()使用详解 2018-07-23 13:31:14 1318浏览 在现如今,2018年Python一直属于IT行业中比较热门技术,那么今天扣丁学堂Pytho ...
- WebService中的WSDL详解
WebService中的WSDL详解 有人在WebService开发的时候,特别是和第三方有接口的时候,走的是SOAP协议,然后用户(或后台)给你一个WSDL文件(或网址),说按照上面的进行适配, 这 ...
- python3中argparse模块详解
文章目录 python3中argparse模块详解 一. 命令行参数分为位置参数和选项参数: 二. 使用步骤: 三. add_argument()方法参数: 1. name or flags: 2. ...
- ALSA声卡驱动中的DAPM详解之四:在驱动程序中初始化并注册widget和route
前几篇文章我们从dapm的数据结构入手,了解了代表音频控件的widget,代表连接路径的route以及用于连接两个widget的path.之前都是一些概念的讲解以及对数据结构中各个字段的说明,从本章开 ...
- Asp.net中GridView使用详解(引)【转】
Asp.net中GridView使用详解(引) GridView无代码分页排序 GridView选中,编辑,取消,删除 GridView正反双向排序 GridView和下拉菜单DropDownList ...
- Linux中iptraf命令详解(IP局域网监控工具)
2019独角兽企业重金招聘Python工程师标准>>> Linux中iptraf命令详解(IP局域网监控工具) 发布时间:2017-12-27 20:46:03 作者:佚名 ...
最新文章
- sobol敏感性分析 matlab代码
- 【Python②】python之首秀
- 【Python】蟒蛇绘制(三种方式+import用法)
- 广技师计算机毕业都去哪,广东哪间大学的计算机专业比较好???
- java 时间戳验证_关于Java:在时间戳服务器上使用时间戳和身份验证对jar进行签名...
- 《Python核心编程》第二版第308页第十一章练习 续一 -Python核心编程答案-自己做的-...
- iis asp mysql json_asp返回json数据,asp接口编写
- 基于STM32设计的宠物投喂器
- Python学习笔记(五)——读写文件
- getAddrInfo与DNS域名解析与ping
- 计算机网络-第一章(b站王道考研)
- keyshot手机渲染教程_keyshot渲染教程
- python找零_用python实现零钱找零的三种方法
- 更换VScode背景图,设置VScode背景为你喜欢的图片
- 华芯飞CC1600到底由谁设计?
- LeetCode1221.分割平衡字符串1894.找到需要补充粉笔的学生编号(C++)
- 【Excel】使用技巧及总结
- 如何解决我的电脑中文件搜索速度很慢的问题?
- ◮OpenGL-帧缓冲
- 微信公众号ios端,滚动条不隐藏解决办法其中之一
热门文章
- python学习笔记(二)--深入了解python函数
- Webots中常用的函数(C版)
- 《视觉SLAM十四讲》读书笔记(二)
- 关于批量添加用户和域用户
- iframe标签中写html,html页面中嵌套iframe标签,我们可以用html中的iframe标签搞定
- html5 刮刮乐 源码,HTML5 canvas实现刮刮乐功能
- 【iOS】苹果开发者账号续费问题
- [POI2005][luogu3462] SZA-Template [fail树]
- 单片机c语言中sbuf的定义,SBUF的详细介绍!(51单片机)
- 自动切换输入法--Mac高效切换输入法工具