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 如侵犯您的版权,请留言回复原文章的地址,我们会给您删除此文章,给您带来不便请您谅解!

上一篇:pinia使用过程中遇到的问题和疑问
下一篇:上海岛安科技中心

发表评论

最新留言

哈哈,博客排版真的漂亮呢~
[***.90.31.176]2024年08月22日 22时47分43秒