
pinia使用 技术(vue3+ts)
发布日期:2023-09-18 22:10:43
浏览次数:3
分类:技术文章
本文共 619 字,大约阅读时间需要 2 分钟。
当你需要在子页面的请求数据中的长度进传给父亲,我们可以使用pinia(菠萝)
1.下载
npm install pinia或者yarn add pinia
2.在 main.ts 中引入
3.创建文件
src > store > 自定名.ts
4.定义数据
import { defineStore } from "pinia"// 1.定义并导出// 参数1:容器的 ID,必须唯一,将来 Pinia 会把所有的容器挂载到跟容器export const useMainStore = defineStore('main', { /** * 类似于组件的 data,用来存储全局状态 */ state: () => { return { //定义的数据 dataA:0, } }, /** * 类似组件的 computed,用来封装计算属性,有缓存功能 */ getters: { }, /** * 类似组件的 methods,封装业务逻辑,修改 state */ actions: { //在子页面获取的val setData(value:number) { //进行赋值操作,获取最新的值 this.dataA = value; }, },})
5.子页面传数据给pinia
6.在父页面进行使用
转载地址:https://blog.csdn.net/ljlhah/article/details/132355571 如侵犯您的版权,请留言回复原文章的地址,我们会给您删除此文章,给您带来不便请您谅解!
发表评论
最新留言
路过,博主的博客真漂亮。。
[***.116.15.85]2023年08月29日 01时53分47秒
关于作者

喝酒易醉,品茶养心,人生如梦,品茶悟道,何以解忧?唯有杜康!
-- 愿君每日到此一游!
推荐文章
Linux-基本命令2-1
2019-03-07
关于CSS
2019-03-07
CSS
2019-03-07
font-size
2019-03-07
对象解析
2019-03-07
跳出"低水平勤奋陷阱"
2019-03-07
CPU参数指标说明
2019-03-07
models.py相关API
2019-03-07
关于测试
2019-03-07
HTML5
2019-03-07
节点List相关操作
2019-03-07
命名空间
2019-03-07
读书笔记
2019-03-07
Unity中常用Time类详解
2019-03-07
Echoworx为电子邮件加密平台增加生物特征身份验证功能
2019-03-07
法拉第未来选择Velodyne作为旗舰超豪华电动车FF 91的独家激光雷达供应商
2019-03-07
获高瓴资本5.3亿美元融资,京东健康就能“高枕无忧”了?
2019-03-07
被“铲屎官”养成的千亿新战场,宠物经济风口机会在哪里?
2019-03-07
奢侈品电商,压死趣店的最后一根稻草?
2019-03-07
在外卖平台也能当主播,美团直播到底“行不行”?
2019-03-07