pinia - 大菠萝的使用

外壳API

//所有的接口的通用类型
export interface IApiRes<T>{code : string,msg:string,result: T
}单个分类的类型
export type 详细数据泛型  = {获取数据的类型
}

src -> types -> data.d.ts文件里设置

//1.导入菠萝 - pinia
import { defineStore } from "pinia"
//导入axios -- request
import request from '@/utils/request'
//导入泛型
import {详细数据泛型,API外壳} from '@types/data'
export default defineStore('导出方法名',{state: () => ({//数据储存数据存储: [] as 详细数据泛型[]
}),actions:{//请求async get请求List() {const res = await request.get<API外壳<详细数据泛型[]>>('请求路径')this.数据存储 = res.需要的数据}}
})

导出方法名 = 就是 store 的唯一一个的id ,因为有id的存在,所有可以创建多个模块

src -> store -> modules -> home.ts

中间键 / index.ts

src -> store -> index.ts

import home from "./modules/home";export default function useStore(){return {home:home()}
}

调用方法

import useStore from '@/store'
//解构
const { home } = useStorehome.get请求List()

pinia - 大菠萝的使用相关推荐

vue3的pinia(大菠萝)
一:Pinia简介和五大优势 Pinia是vue生态里Vuex的替代者,一个全新的vue状态管理库.在Vue3成为正式版以后,尤雨溪强势推荐的项目就是Pinia. 那先来看看Pinia比Vuex好的地 ...
css绘制一个Pinia小菠萝
效果如下: pinia小菠萝分为头部和身体,头部三片叶子,菠萝为身体头部先绘制头部的盒子,将三片叶子至于头部盒子中先绘制中间的叶子,利用border-radius实现叶子的效果,可以借助工具来快 ...
开发WP版本的大菠萝英雄榜
前言想当年Team有无数人在玩大菠萝,我被忽悠进来做肉盾,选了蛮子,从1.0开始,经历了103.105.108.2.0.2.1.这个游戏对我最大的帮助是学习了不同的技术,比如XAML.比如xcode ...
vue vuex和pinia（菠萝）的区别
pinia(菠萝)的优点 Vue2和Vue3都支持,这让我们同时使用Vue2和Vue3的小伙伴都能很快上手. pinia中只有state.getter.action,抛弃了Vuex中的Mutation ...
pve 不订阅更新_刺激战场：首个PVE模式年兽大作战，落地全是大菠萝，CF既视感！...
1月5号,<刺激战场>体验服再次进行更新,之前亦宸已经跟小伙伴们分享了主要的更新内容.不过亦宸上次没有提到重点内容,是的,就是<刺激战场>首个PVE模式"年兽大作战& ...
我的大菠萝 – 2，控件及数据绑定
控件拖放背景图片的设置现在开始为每个tab page增加控件对于"装备",有一个背景图片,按照大菠萝3里面的设定,有5种英雄,每种分为男.女,共10张图片.大小均为宽994, ...
我的大菠萝 – 1，大框架的搭建
背景本人iOS开发超级新手,从来没有玩过.有一些C#的开发经验.这个博文连载,是自己学习6天的过程中写的一个小程序.本人酷爱暗黑3,男蛮子,巅峰等级70+.所以要写一个在iPAD上可以用的属性查看器 ...
大菠萝 Pinia 持久化方案 Pinia Persist Own
在使用 Pinia 时,一直想找到一个可以持久化的插件,不过用了很多都不是很理想,所以抽空的时候,自己写了一个. 安装 # npm npm i pinia-persist-own # pnpm pnp ...
Vue3大菠萝pinia笔记
pinia的基本特点 pinia同样是一个Vue 状态管理工具,它和vuex有很多相似的地方.本质上他是vuex团队核心成员开发的,在vuex上面提出了一些改进.与vuex相比,pinia去除了vue ...
大菠萝M1内存条应用场景和性价比分析
上一篇中,冬瓜哥向大家详细介绍了Memory1的基本原理,其逼格还是非常高的,也让冬瓜哥见识了底层体系结构的一种花样玩法,不禁感叹技术无止境. 本文目录: 1. ApacheSpark实测数据 ...

pinia - 大菠萝的使用

pinia - 大菠萝的使用相关推荐

最新文章

热门文章