pinia简单入门小教程

admin6个月前笔记98

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



相关文章

await 错误捕获实现方式源码示例解析

Promise 是一种在 JavaScript 中用于处理异步操作的机制。Promise 在开发中被广泛使用,这篇文章将学习如何优雅的捕获 await 的错误。Promise 的使用方法创建一个 Pr...

最牛X的GCC 内联汇编

最牛X的GCC 内联汇编

1. 简介1.1 版权许可Copyright (C) 2003 Sandeep S.本文档自由共享;你可以重新发布它,并且/或者在遵循自由软件基金会发布的 GNU 通用公共许可证下修改它;也可以是该许...

Shell脚本知识简述

Shell脚本知识简述

shell 都能做什么监控系统运行:linux可以说是运行最稳定的操作系统,这一方面得益于它完美的内核,另一方面就是有很多shell脚本命令可以监控系统的运行,当出现问题之前,提前报警。启动停止服务:...

Token、CAS、JWT和OAuth 2.0认证系统认证中心系统设计对比与实践总结

Token、CAS、JWT和OAuth 2.0认证系统认证中心系统设计对比与实践总结

在现代应用开发中,身份认证是一个关键的问题。为了解决身份认证的需求,开发人员可以选择不同的认证系统,如Token、CAS(Central Authentication Service)和JWT(JSO...

在 Linux 上安装 FFmpeg

在 Linux 上安装 FFmpeg

FFmpeg 是一套处理多媒体文件的软件库。凭借这些强大的库,FFmpeg 能够转换格式、推流以及处理音频和视频文件。许多 Linux 的前端应用都使用 FFmpeg 作为后端支持,所以这些应用对 F...

运维稳定性问题的关键–可用性

运维稳定性问题的关键–可用性

复盘更多的是基于事后的总结与提升。那么我们如何发现、测量稳定性问题呢?那么我们就需要请出今天的主角了——可用性。什么是可用性?可用性作为评价业务稳定性的一个重要指标,它可以通过数据量化、建立基线的方式...

发表评论    

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