1.安装包 npm i pinia

2.在main.js 导入定义

a. import {createPinia } from 'pinia'

b. const pinia = createPinia()

c. createApp.(App).use.(pinia)

3.新建store文件夹/文件.js

  1. 先引入 defineStore ,定义并导出 export default defineStore(‘模块名’,()=>{
  2. 定义数据和方法
  3. return {

数据名,方法名

} }

4.使用

  1. 先引入并定义

import useCountStore from ‘../store/count.js’

const countStore = useCountStore()

2.直接使用 例如: countStore.count 或调用方法 countStore.addCount

pinia中的计算属性

在computed()进行计算 return ,在store/index.js导出,在任何文件引入进行使用即可

pinia发送请求

  1. 直接发送请求,导出直接调用​

    对pinia中的数据解构

    1.使用storeToRefs(模块名)api 先导入

2解构数据,不能解构方法

pinia的持久化插件

  1. 安装  npm i pinia-plugin-persistedstate
  2. 在main.js中配置

  3. 那里需要就在某个store中使用, export default defineStore(‘模块名’,()=>{} ,{ 持久化 }}

编辑

pinia是凤梨还是菠萝??食用(使用)步骤相关推荐

  1. 朴素贝叶斯分类-实战篇-如何进行文本分类

    微信公众号:码农充电站pro 个人主页:https://codeshellme.github.io 文章目录 1,对文档分词 2,计算单词权重 2.1,单词的 TF-IDF 值 2.2,TfidfVe ...

  2. [渝粤教育] 四川大学 药用植物学 参考 资料

    教育 -药用植物学-章节资料考试资料-四川大学[] 正常根的形态 1.[判断题]根由于生长在地下,细胞中不含叶绿体,有节和节间之分,一般不生芽.叶和花. A.正确 B.错误 参考资料[ ] 2.[判断 ...

  3. 调侃python的段子_杠精的段子 讽刺调侃杠精的说说句子

    01.高考加油! 为什么是高考加油 中考月考期中考期末考不用加油了吗 618不能加油? 怎么我们大学毕业的不配得到加油? 你以为高考考完了就结束了?不考研了? 六级不配加油吗? 加油不要钱吗?加93号 ...

  4. c语言*p1 什么意思,p1什么意思_p1,意思_词汇大全意思全集

    概括:本文是早旭阅读网网友分享的词汇大全,专注各种词汇解释,分享网络词语的意思,助你增长知识. p1什么意思:作业p1是什么意思? 作业p1是:第一页. 读音: [ zuò yè ] 释义:教师布置的 ...

  5. 全新版大学英语综合教程第一册学习笔记(原文及全文翻译)——6 - What Animals Really Think(动物到底想些什么)

    Unit 6 - What Animals Really Think(动物到底想些什么) Food, warmth, sleep? Their thoughts may be much deeper ...

  6. 书籍《科学思考者》读后感

    这本书的思想,或者说这本书叫做<科学思考者>,自己觉得非常亲切,当今时代,每一个人都应心存高远,并且谨言慎行,我们并不是铁板,一味地去否定任何外界的事物,我们也并不是无尽的深渊,默默地接受 ...

  7. 关于Typecho的主题魔改记录

    本站使用handsome主题魔改的折腾过程 本文记录博主在使用该款主题时进行的一系列魔改,也就是你现在看到的一系列效果 本站[http://www.cyz4531.top]使用的是handsome主题 ...

  8. 观察者模式VS发布订阅模式

    一.前言 观察者模式vs发布/订阅模式很容易混淆,像是凤梨和菠萝,傻傻分不清.Observer模式通常用Publish/Subscribe模式实现,我刚开始学习js的时候,以为这是同一回事,但是仔细学 ...

  9. Pinia食用指南-基础

    前言 Pinia与Vuex的不同 基本用法 定义一个Store 在组件中使用 前言 Pinia ,发音为 /piːnjʌ/,来源于西班牙语 piña .意思为菠萝,表示与菠萝一样,由很多小块组成.在 ...

最新文章

  1. MySql之自动同步表结构
  2. 统计十进制数的二进制数1的个数
  3. 使用Redis创建分布式锁
  4. 《MySQL——count()逻辑》
  5. linux中将hdfs数据导入hbase,将数据文件导入到HBase中
  6. mysql5.7.28下载_MySql5.7.28下载、安装、登陆详解
  7. 一步一步学Silverlight 2系列(8):使用样式封装控件观感
  8. osg+ActiveQT嵌入ie64位
  9. 碱度控制化学品行业调研报告 - 市场现状分析与发展前景预测
  10. 手把手教你实现机器学习SVM算法
  11. Tricks(二十一)—— 随机数
  12. linux下截图软件 shutter
  13. 北方民族大学c语言期末考试试题,2018年北方民族大学软件工程832C语言程序设计与数据结构之C程序设计考研核心题库...
  14. unity中的透视投影矩阵
  15. python火车票查询系统_Python脚本实现12306火车票查询系统
  16. 芒果移动广告优化平台
  17. 怎么进行企业工商信息查询?
  18. EXCEL工作表保护密码忘记,撤消工作表保护
  19. 程序员实习期馒头加酸菜,转正后月薪10K起步:走路都带风!
  20. 解忧云SMS短信发送系统服务平台源码+解密完美版

热门文章

  1. Unity 4.6 bate 20 or 4.5.5 +vuforia3.0.9 发布到真机错误 解决
  2. python 人生苦短,我学Python(六)
  3. 古风修仙美少女-InsCode Stable Diffusion 美图活动一期
  4. 新启点趣味编程教育有限公司——发掘移动联网的下一代精英
  5. 魔兽世界不同服务器集合石显示的内容,魔兽世界集合石插件屏蔽关键字分享,这下找队伍就简单了...
  6. JavaWeb_2-servlet1
  7. 万字梳理!BERT之后,NLP预训练模型发展史
  8. 神武服务器维护打副本,神武什么时候维护_神武维护什么内容_快吧游戏
  9. MPV房产通证(Master Property Value)是什么?
  10. qt 中隐藏namedwindow的标题栏