pinia

发表于2023-02-05|更新于2026-02-24

|浏览量:

天时不如地利，地利不如人和——孟子

分享一个Vuex的同类型vue状态管理框架：Pinia

中文文档：https://pinia.web3doc.top/

它的Demo：https://stackblitz.com/github/piniajs/example-vue-3-vite?file=README.md

相比于Vuex:https://pinia.web3doc.top/introduction.html#%E4%B8%8E-vuex-%E7%9A%84%E6%AF%94%E8%BE%83

Pinia 提供了一个更简单的 API，具有更少的规范，提供了 Composition-API 风格的 API，最重要的是，在与 TypeScript 一起使用时具有可靠的类型推断支持。

相关推荐

for...in、for...of、for await...of

处世应当谦虚，切忌轻人傲世。——佚名简单说下区别： for...in遍历出来的是key 12345678910var obj = {a:1, b:2, c:3};for (var prop in obj) { console.log("obj." + prop + " = " + obj[prop]);}// Output:// "obj.a = 1"// "obj.b = 2"// "obj.c = 3" for...of遍历出来的是元素 123456789const array1 = ['a', 'b', 'c'];for (const element of array1) { console.log(element);}// Expected output: "a"// Expected output: "b&quo...

图片懒加载（二）

何以息谤？曰：“无辩”。何以止怨？曰：“无争”。——王通之前写了图片懒加载今天来一种方式： https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/img#attr-loading 采取loading="lazy"方式延迟加载图像，直到它和视口接近到一个计算得到的距离（由浏览器定义）。目的是在需要图像之前，避免加载图像所需要的网络和存储带宽。这通常会提高大多数典型用场景中内容的性能。 123456789101112131415161718192021222324252627282930313233343536373839404142<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> .ruben { width...

vuepress-theme-vdoing-doc

劝说常比强迫更为有效。——伊索分享vuepress-theme-vdoing的文档站：vuepress-theme-vdoing-doc 官网：https://doc.xugaoyi.com/ GitHub：https://github.com/xugaoyi/vuepress-theme-vdoing-doc 运行： 1234git clone https://github.com/xugaoyi/vuepress-theme-vdoing-doc.gitcd vuepress-theme-vdoing-docnpm install # or yarn installnpm run dev # or yarn dev

人类经常把一个生涯发生的事，撰写成历史，在从那里看人生；其实，那不过是衣服，人生是内在的——罗曼。罗兰我们可以使用jquery中的appendTo函数在一个标签追加到另一个标签内部的结尾例如我博客这里我们再执行 1$("<span>ruben</span>").appendTo(".navbar-brand") 执行完成后效果如下 <span>ruben</span>追加到我们的”阿超”后面了

display:block小技巧

成功之道，在于你为获得成功所做出的积极努力，而不在于预先就衡量这种成功的价值——哈里特分享一个小技巧 display:block 可以将style标签可见例如： 12345678910111213<body> <style contenteditable style="display: block;white-space: pre"> * { transition: all 0.2s } html { background: #ff00ff; font-size: 16px } </style></body> 因为我们这里给了contenteditable 所以可以直接在页面上编辑试试吧 * { transition: all 0.2s } html { ...

js生成二维码

我们飞得越高，我们在那些不能飞的人眼中的形象就越渺小。——尼采《查拉图斯特拉如是说》我们使用qrcodejs生成：https://github.com/davidshimjs/qrcodejs 下载这个js并引用不知道怎么下载的可以直接到这个链接下按ctrl+s另存为 https://raw.githubusercontent.com/davidshimjs/qrcodejs/master/qrcode.min.js 然后编写代码： 123456789101112131415161718192021<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <script src="./js/qrcode.min.js" type="text/javascript"></script> </head> <body>...

阿超

我的名字叫阿超年龄25岁家在北京市职业是软件开发每天最晚也会在八点前回家不抽烟酒浅尝辄止晚上十二点上床保证睡足八个小时睡前写一篇博客再做二十分钟俯卧撑暖身然后再睡觉基本能熟睡到天亮像婴儿一样不留下任何疲劳和压力就这样迎来第二天的早晨健康检查结果也显示我很正常我想说明我是一个不论何时都追求内心平稳的人不拘泥于胜负不纠结于烦恼不树立使我夜不能寐的敌人这就是我在这社会的生活态度

数据加载中