pinia简单入门小教程

admin1年前笔记125

image.png

一.安装

1.直接在安装脚手架时导入

image.png 

2.控制台终端输入npm i pinia

二.在main.js中导入并注册

image.png


三.定义模块

新建文件 src/store/counter.js,名字随意

image.png


四.使用模块

image.png

在vue3中,getters直接无了,取而代之的就是computed

image.png

你是否觉得xxxStore.写起来很麻烦?
可以使用storeToRefs这个api来解构xxxStore中的数据,同时保证数据还是响应式的
注意,这个api无法解构方法!

image.png


当你遇到异步数据或者其他情况无法用wacth获取到pinia中数据变动时,可以使用store.$subscribe监听store的变化,注意,这里的store换成你的状态仓库名,即

image.png



相关文章

Web静态资源加速

Web静态资源加速

1.引言在互联网应用中WEB页面的打开速度,在用户体验中占用极其重要的地位,根据HubSpot所做研究的显示:如果Yahoo将页面加载时间减少0.4秒,流量可能会增加9%;页面慢1秒可能会使亚马逊每年...

apt的update和upgrade区别

apt的update和upgrade区别

一些以前的教程也会提到 sudo apt-get update 和 sudo apt-get upgrade。apt 和 apt-get 命令运行起来几乎一样,除了一些细微的差别,后面我会讨...

在 Linux 中安装 Spotify

在 Linux 中安装 Spotify

如何在 Ubuntu Linux 桌面上安装 spotify 来在线听音乐?Spotify 是一个可让你访问大量歌曲的数字音乐流服务。你可以免费收听或者购买订阅,可以创建播放列表。...

阿里云SLB、CDNS、CDN、DCDN区别在哪?

阿里云SLB、CDNS、CDN、DCDN区别在哪?

一、阿里云 SLB阿里云 SLB 是一个很好的调度员,把访问流量均衡的分配给后端的多台 ECS 实例服务器,达到加速访问,提高业务稳定性的作用。你可以在负载均衡中添加多台 ECS...

统计力学中的概率论基础

技术背景统计力学是一门通过粒子的纯粹微观量来表示系统宏观量的学科,从统计分布出发,用无偏/有偏估计来研究各种不同的系综。本文内容部分参考自郑伟谋老师所著《统计力学导引》,主要介绍其中概率论基础的部分。...

从零开始用 Axios 请求后端接口

从零开始用 Axios 请求后端接口

对于前端同学来说,请求后端接口是一个非常通用的东西。在十几年前的时候,我们还用 Ajax 去请求后端接口。但在 2023 年的今天,很多框架都很成熟了,我们有了更加快捷的方式 —— Axios 框架。...

发表评论    

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。