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

相关推荐

nvue中tap事件取消冒泡

青春是一种持续的陶醉，是理智的狂热。——拉罗什富科 nvue中@tap.stop阻止冒泡失效了代码如下： 1<view @tap="parentEvent"><view @tap.stop="childEvent">触发触发</view></view> 大概有两种方案，第一种是改事件，改为@touchend事件 1<view @tap="parentEvent"><view @touchend="childEvent">触发触发</view></view> 不过还有另一种方式 1234567parentEvent(e) { console.log('parentEvent');},childEvent(e) { console.log('childEvent'); e.stopPropagation();}

transition.style

我这个人走得很慢，但是我从不后退。——亚伯拉罕·林肯分享一个网站https://www.transition.style 这个网站提供了transition的各种css动画效果，其github地址：https://github.com/argyleink/transition.css 可以直接选取你需要的动画效果，点击复制，右边还可以自定义时间、淡入淡出等

vuepress-theme-vdoing

要品味生活的浪漫，你得有点儿演员精神，必须像个旁观者，对自己的所作所为既超然事外又忘我投入。——毛姆《月亮和六便士》分享一个VuePress知识管理&博客主题官方文档：https://doc.xugaoyi.com/ github：https://github.com/xugaoyi/vuepress-theme-vdoing 提供多种主题模式看起来也很简洁，还有对应的广告位也有用来做博客的 mybatis-plus也用的该主题

shenyu的rule表单handler填写问题

你凭什么以为你十年寒窗，抵得过我三代从商。——盛田昭主要是这个pr： https://github.com/apache/shenyu-dashboard/pull/518 发现原来是JSON.parse的时候，由于handler是undefined导致报错改为 1JSON.parse(handle ?? "{}"), JSON.parse(handle ?? "{}") 这个表达式涉及到了两部分的知识点：空值合并操作符（??）和JSON.parse()。空值合并操作符（??）：空值合并操作符（nullish coalescing operator）??用于判断一个值是否为null或undefined，如果是，则返回右边的值。如果左边的值不是null或undefined，则返回左边的值。在这个表达式中，handle ?? "{}"的作用是：如果handle的值是null或undefined，就返回"{}"，否则返回handle的值。 JSON.parse()...

js滚动到对应元素scrollIntoView

娇柔做作，失去真实的不是美，充满了富贵荣华的名利思想，也不是真美。——孟德斯鸠文档： Element.scrollIntoView() - Web API | MDN 用法： 123scrollIntoView()scrollIntoView(alignToTop)scrollIntoView(scrollIntoViewOptions) 例如我选中某个元素执行 123456const element = document.getElementById("box");element.scrollIntoView();element.scrollIntoView(false);element.scrollIntoView({ block: "end" });element.scrollIntoView({ behavior: "smooth", block: "end", inline: "nearest" });

仅仅对自然做种种临摹，并不会创造出什么伟大的艺术作品。——佚名 Vine.js 是一个轻量级、易于使用的 JavaScript 表单验证库，它的设计理念是简洁和灵活，特别适合前端和后端应用中的数据验证。无论是在前端用户输入时，还是在后端 API 请求时，Vine.js 都能帮助开发者快速、高效地进行数据验证，确保数据的完整性和准确性。项目介绍Vine.js 诞生的目标是为 JavaScript 应用程序提供更简单、清晰的数据验证方法。它允许开发者定义一系列验证规则，并轻松地应用于不同的数据场景。通过其简洁的 API 设计和全面的错误处理，Vine.js 提供了直观的方式来定义验证逻辑，减少开发者手动编写验证代码的时间和精力。主要特点：简单易用：通过简洁的 API，让验证规则定义和应用变得更加直观。灵活的错误处理：支持定制错误消息，并可以灵活地处理验证失败时的行为。适用于前后端：无论是用于前端表单验证，还是后端 API 的请求参数验证，Vine.js 都能够胜任。良好的扩展性：支持自定义验证器，允许开发者根据需要扩展库的功能。官方文档和 GitHub 地址官...

阿超

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

数据加载中