pinia使用 技术(vue3+ts)
发布日期:2023-09-18 22:10:43
浏览次数:80
分类:技术文章
本文共 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 如侵犯您的版权,请留言回复原文章的地址,我们会给您删除此文章,给您带来不便请您谅解!
发表评论
最新留言
哈哈,博客排版真的漂亮呢~
[***.90.31.176]2024年08月22日 22时47分43秒
关于作者
喝酒易醉,品茶养心,人生如梦,品茶悟道,何以解忧?唯有杜康!
-- 愿君每日到此一游!
推荐文章
关于数据库管理mariadb
2019-05-24
类的内存模型(二)
2019-05-24
生产者消费者模型
2019-05-24
#剑指Offer Day1 单向链表中倒数第k个节点
2019-05-24
#剑指offer Day2 一类可以用“框架”快速搞定的二叉树问题
2019-05-24
#剑指offer Day3 一类 “ 斐波那契 ”问题
2019-05-24
#剑指offer Day4 一类 “ 双指针 ”问题
2019-05-24
#剑指offer Day5 # 分享两个题的其他解法
2019-05-24
缓存淘汰算法的实现与应用介绍(LRU,LFU)
2019-05-24
JZ15. 反转链表
2019-05-24
1. 两数之和
2019-05-24
2. 两数相加
2019-05-24
JZ1.二维数组的查找
2019-05-24
3.无重复字符的最长子串
2019-05-24
JZ3. 从尾到头打印链表
2019-05-24
String 类
2019-05-24
什么是接口
2019-05-24
IO基本概念
2019-05-24
Java高级篇之进程
2019-05-24