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 一起使用时具有可靠的类型推断支持。

相关推荐

文变染乎世情，兴废系乎时序。一一刘勰 HTML <meter> 标签详解：数据范围与可视化的理想选择在现代 Web 开发中，可视化数据变得越来越重要。无论是展示进度、评分、性能指标还是任何有明确上下限的度量值，HTML5 提供的 <meter> 标签都能让开发者轻松实现直观、语义化的展示。本文将详细介绍 <meter> 标签的用法、属性、应用场景，以及与 <progress> 标签的区别。一、什么是 <meter> 标签？<meter> 是 HTML5 新增的标签，用于表示标量测量值（即有范围的度量值），如磁盘用量、投票结果、健康值、评分等。它能为用户提供一目了然的数值状态，并具备良好的可访问性和语义性。官方文档：MDN - <meter> 元素二、基本语法与用法最简单的用法如下： 1<meter value="0.7">70%</meter> 效果：显示一个表示 70% 的可视化条。浏览器默认会根据 <meter>...

必须和实际社会接触，使所读的书活起来。——鲁迅 SuperSplat：一位住在浏览器里的「3D Gaussian Splats 编辑师」如果你见过 3D Gaussian Splats（3D 高斯泼溅/点云式渲染的一种表达），你大概也见过它们那种“我明明是 3D，却又像光一样铺开”的气质——它们不吵不闹，但特别能打。而 SuperSplat Editor 就像一位穿着工装、兜里揣着扳手和放大镜的编辑师：它会认真地把每一片 splat 拿起来看看，轻轻掸掉不必要的负担，帮你修修补补，再把作品打理到可以“发布见人”的状态。它的自我介绍很直接：免费且开源专门用于 inspect / edit / optimize / publish：检查、编辑、优化、发布 3D Gaussian Splats 基于 Web 技术，直接在浏览器里运行所以它会很自豪地说：“不需要下载，也不需要安装。” 先见一面：在线版本在这里SuperSplat 很热情，直接把自己的在线编辑器地址递到你手里： https://superspl.at/editor ...

网页让软件识别的小卡片

我越是孤独，越是没有朋友，越是没有支持，我就得越尊重自己。——《简爱》今天发现一个问题，有的网页分享出来是带标题、描述和图标的如何让它识别出来呢？这遵循一个“开放图谱协议” https://ogp.me/ 开放图谱协议使任何网页都可以成为社交图谱中的丰富对象。例如，这在 Facebook 上使用，允许任何网页具有与 Facebook 上任何其他对象相同的功能。比如要将网页转换为图形对象，您需要向页面添加基本元数据。我们的协议初始版本基于 RDFa，这意味着您将在网页的 <head> 中放置额外的 <meta> 标记。每个页面的四个必需属性是： og:title - 对象应出现在图表中的标题，例如“The Rock”。 og:type - 对象的类型，例如“video.movie”。根据您指定的类型，可能还需要其他属性。 og:image - 图像 URL，应代表图表中的对象。 og:url - 对象的规范 URL，将用作图表中的永久 ID，例如“https://www.imdb.com/title/tt0117500/”。 ...

只要能培育出艳丽的花朵，做一颗会朽的草又有何妨？ ——鲁迅惯例，先上MDN：https://developer.mozilla.org/zh-CN/docs/Web/API/CSSStyleSheet 然后是例子：新增规则：https://developer.mozilla.org/zh-CN/docs/Web/API/CSSStyleSheet/insertRule 12// 新增一条规则，将所有元素的hover字体颜色设为蓝色document.styleSheets[0].insertRule("*:hover { color:blue }") 移除规则：https://developer.mozilla.org/zh-CN/docs/Web/API/CSSStyleSheet/deleteRule 1document.styleSheets[0].deleteRule(0)

Jest集成github action

仅是天才不能成为作家，因为书的背后极需要作家的人格。——爱默生 Jest是一款优雅、简洁的JavaScript测试框架。官方文档： https://jestjs.io/zh-Hans/ github： https://github.com/jestjs/jest 创建项目： 12345678910111213Last login: Wed Sep 18 16:56:31 on ttys001The default interactive shell is now zsh.To update your account to use zsh, please run `chsh -s /bin/zsh`.For more details, please visit https://support.apple.com/kb/HT208050.Github-Id-VampireAchao:streampark achao$ cd ~/IdeaProjects/simple-jest/Github-Id-VampireAchao:simple-jest achao$ npm inst...

vue强制更新

人生是花，而爱便是花的蜜。——雨果我们可以使用： 1this.$forceUpdate(); 去强制重新渲染vue的页面元素一般用于异步请求回调后赋值完毕，但页面未渲染的情况下官方文档介绍如下：示例：迫使 Vue 实例重新渲染。注意它仅仅影响实例本身和插入插槽内容的子组件，而不是所有子组件。

阿超

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

数据加载中