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

相关推荐

兼容IE浏览器

今天客户说他那边网站崩了，让客户截了个图，看到是ie浏览器。。。我瞬间的反应是崩溃的所以才有了这篇博客这里分享一个小工具，能把ES6语法转成IE支持的语法使用方式很简单解压，用vscode打开控制台输入cnpm i 然后把你的js文件放到src\js下面转换前是这样的我们npm run build一遍可以看到我们的dist目录下面已经生成了转换好的js了 2020年，竟然还有人用IE。。。下载链接

css循环淡入淡出播放

令她反感的，远不是世界的丑陋，而是这个世界所戴的漂亮面具。——《不能承受的生命之轻》代码如下： 12345678910111213141516171819202122232425262728293031323334353637383940import React from "react";import clsx from "clsx";import styles from './index.module.css';import Layout from "@theme/Layout";function HomepageHeader() { return ( <header className={clsx('hero', styles.heroBanner)}> <div className={clsx(styles.heroContainer)}> <img clas...

vue深度作用选择器

勤劳一日，可得一夜安眠；勤劳一生，可得幸福长眠。——达•芬奇（意大利）我们首先在HX中创建vue项目跟着我之前写的博客简单配置一下路由今天简单聊聊vue中css的作用域我们知道vue中的style标签带scoped属性时，它的CSS只作用于当前组件中的元素例如我这里的HelloWorld组件 12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061<template> <div class="hello"> <div class="hello-ruben"> <h1>{{ msg }}</h1> <p> For a guide and recipes on how to configure / customize this proj...

寡言省谤，寡欲保身——佚名昨天说到了enquire.js 作者还有一个更加多stars的项目headroom.js，目前有10.9K stars https://github.com/WickyNilliams/headroom.js 官网网址：https://github.com/WickyNilliams/headroom.js 这个项目就是一个简单的头部，往下滑头部会收起来，往上又出现

网页让软件识别的小卡片

我越是孤独，越是没有朋友，越是没有支持，我就得越尊重自己。——《简爱》今天发现一个问题，有的网页分享出来是带标题、描述和图标的如何让它识别出来呢？这遵循一个“开放图谱协议” 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/”。 ...

禁止文字图片拖拽

智者千虑，必有一失；愚者千虑，必有一得。——《史记》我们在进行开发的时候可能会遇到一个问题文字、图片选中后能被拖拽但我们不想要这种效果就可以给标签加一个属性 12<div ondragstart="return false">ruben</div><img ondragstart="return false" width="500px" src="https://VampireAchao.github.io/imgs/preview/3459_3.jpg"/> 之后就拽不动啦~

阿超

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

数据加载中