当前位置：首页 > news >正文

js获取明天日期、Vue3大菠萝 Pinia的使用

news 来源：原创 2025/8/24 13:15:10

直接上代码

const today = new Date(2019, 2, 28)
const finalDate = new Date(today)
finalDate.setDate(today.getDate() + 3)console.log(finalDate) // 31 March 2019

安装

yarn add pinia
# or with npm
npm install pinia

创建第一个store仓库

2、创建一个 PiniaTest.ts 的文件（文件名可以根据自己需求来）

import {defineStore} from 'pinia'// 使用 defineStore 定义一个仓库，
// 组件中需要引入仓库，并使用useStorePinia 进行实例化 
// main 是仓库唯一的ID，可以根据自己的需求定义
export const useStorePinia = defineStore('main', {// 闭包state () {return {msg: 'hello word',count: 10,content: '这是通过getters获取Pinia管理的仓库数据'}},// 简写方式// state: () => ({//    msg: 'hello word',//    count: 10// }),getters:{getMsgFn(){return this.content}},actions:{// actions 里面可以执行同步和异步任务// 也可以接收外部传递进来的参数// 可以直接修改仓库的值，此处不能使用箭头函数，否则找不到this，打印显示 undefinedchangeMsg (val) {console.log('传入进来的值：', val)this.msg = '1111'this.count == val;}}
})

引入并使用步骤

在 main.js 里面引入pinia

使用 createPinia 进行实例化

挂载到Vue身上(实际上是将插件进行注册，给放到已经注册的插件数组列表中)

import { createApp } from 'vue'
// 引入inia
import {createPinia} from 'pinia'
import App from './App.vue'console.log('createPinia:', createPinia);// 创建实例
const pinia = createPinia();console.log('pinia:', pinia);// 使用插件
createApp(App).use(pinia).mount('#app')

Pinia在组价中的使用

<template><div style="background: pink;padding: 10px;margin: 10px 0;"><div>组件11111111111</div><div>仓库数据：{{count}}---{{getMsgFn}}</div><button @click="changeStoreCountFn">点击</button></div>
</template><script setup>
import {defineProps} from 'vue';
import { storeToRefs } from "pinia";// 引入仓库
import {useStorePinia} from '../Store/PiniaTest'// 此处 defineStore 与仓库名一样
const store = useStorePinia();// 此处可以获取getters 和 actions 中的函数，但是不能直接获取仓库中的数据，需要使用storeToRefs强转ref类型
const {changeMsg, getMsgFn} = store;// 只有强转ref后数据才是响应式的
const {msg, count} = storeToRefs(store);
console.log(11111, store,storeToRefs(store), msg, count)// 修改仓库count值
const changeStoreCountFn = () => {// 方式 1、通过触发仓库 actions 中定义的函数执行changeMsg(++count.value)console.log(2222,getMsgFn)// 方式 2、读取仓库数据进行修改// count.value++// msg.value = 'aaaaaa'// 方式 3、对象形式修改仓库数据// store.$patch({//     msg: 'change word',//     count: ++count.value// })// 方式 4、函数形式修改仓库数据// store.$patch((state) =>{//     state.msg = 'change word';//     state.count++// })
}
</script>

js获取明天日期、Vue3大菠萝 Pinia的使用

直接上代码 const today new Date(2019, 2, 28) const finalDate new Date(today) finalDate.setDate(today.getDate() 3)console.log(finalDate) // 31 March 2019 安装 yarn add pinia # or with npm npm install pinia创建第一个store仓库 1、在src目录下创建store目录…...

编程日记 2025/8/24 13:15:10

矩阵置零（中等）

可以用两个标记数组分别记录每一行和每一列是否有零出现。首先遍历该数组一次，如果某个元素为 0，那么就将该元素所在的行和列所对应标记数组的位置置为 true。然后再次遍历该数组，用标记数组更新原数组。 class Solution {public void set…...

编程日记 2025/8/22 18:49:53

GZ人博会自然资源系统（测绘）备考笔记

本文为备考 GZ人才博览会自然资源系统（测绘） 的笔记，包括若干知识点整理及近两年考核（面试）真题 （文末附《GZ人博会自然资源系统（测绘）备考笔记》1 的下载链接）。目录…...

编程日记 2025/8/21 14:47:25

《进制转换的终极指南：原理、方法与编程应用》

🚀个人主页：BabyZZの秘密日记 📖收入专栏：C语言 🌍文章目入一、进制转换的基本原理二、进制转换方法总结（一）使用权重法的转换1. 二进制 → 十进制2. 八进制 → 十进制3. 十六进制 → 十进制 &…...

编程日记 2025/8/21 14:47:23

2025系统架构师---论软件的设计模式论文

2023 年，我所在的公司承担了某部网络靶场的研发任务。我作为公司的技术总监，希望能打造基于网络靶场的系列产品，参与到项目的设计中，以期开发扩展性和可维护性良好的网络靶场，为以后的产品开发打下基础。网络靶场是网络安全技术研究的基础支撑平台，它利用虚拟的和实物…...

编程日记 2025/8/21 14:47:21

嵌入式Linux驱动学习

Ubuntu18 下载链接 https://releases.ubuntu.com/bionic/ Ubuntu配置静态IP 更新Ubuntu18的镜像源以清华大学镜像源举例网站：https://mirrors.tuna.tsinghua.edu.cn/ 第一步点开网站搜索ubuntu然后点击问号第二步选择自己的Ubuntu版本第三步在Ubuntu中复制…...

编程日记 2025/8/21 6:08:29

基于大模型的子宫腺肌病全流程预测与诊疗方案研究报告

目录一、引言 1.1 研究背景与意义 1.2 研究目的与创新点二、子宫腺肌病概述 2.1 疾病定义与病理机制 2.2 流行病学特征 2.3 现有诊断与治疗方法综述三、大模型技术原理与应用基础 3.1 大模型简介 3.2 在医疗领域的应用现状 3.3 适用于子宫腺肌病预测的可行性分析…...

编程日记 2025/8/21 14:47:17

Notebook.ai 开源程序是一套工具，供作家、游戏设计师和角色扮演者创建宏伟的宇宙 - 以及其中的一切

一、软件介绍文末提供程序和源码下载 Notebook.ai 开源程序是一套工具，供作家、游戏设计师和角色扮演者创建宏伟的宇宙 - 以及其中的一切。二、软件特点 Notebook 是作家的规划工具，用于创建从宇宙到角色、情节到单个项目的任何内容。通过浏览器、…...

编程日记 2025/8/21 14:47:15

关于 dex2oat 以及 vdex、cdex、dex 格式转换

版权归作者所有，如有转发，请注明文章出处：https://cyrus-studio.github.io/blog/ dex2oat dex2oat 是 Android 系统中的一个核心工具，负责将应用中的 .dex（Dalvik Executable）字节码编译为本地机器代码&am…...

编程日记 2025/8/21 14:47:13

Java---Object和内部类

Object类和内部类前言：一、Object类1.object类初识2.Object的方法2.(1).获取对象的信息--toString方法2.(2).对象比较equals方法2.(3).hashCode方法二、内部类1.内部类初识：2.内部类的分类：2.(1).实例内部类2.(2).静态内部类2.(3).匿名内部…...

编程日记 2025/8/21 14:47:11

【OSPF协议深度解析】从原理到企业级网络部署

目录前言技术背景与价值当前技术痛点解决方案概述目标读者说明一、技术原理剖析核心概念图解核心作用讲解关键技术模块说明技术选型对比二、实战演示环境配置要求核心配置实现案例1：单区域基础配置案例2：多区域配置案例3：安全认证配置运行…...

编程日记 2025/8/21 14:47:09

linux tar命令详解。压缩格式对比

1.压缩格式对比压缩格式命令选项文件扩展名压缩率速度无压缩-cvf.tar无最快gzip-czvf.tar.gz中等较快bzip2-cjvf.tar.bz2较高较慢xz-cJvf.tar.xz最高最慢 9. 更多参考【Linux基础】文件压缩tar命令指南tar压缩方式对比...

编程日记 2025/8/21 13:34:27

C++和Lua混和调用

为什么要C/C 流行的语言，学习人员多高性能，对于嵌入式设备则是省电大量的第三方库为什么要Lua C缺点：编译慢，调试难，学习难度大Lua优点： 最快的脚本语言可以编译调试与C/C结合容易Lua是对性能有要求的必…...

编程日记 2025/8/21 14:47:07

Cadence高速系统设计流程及工具使用

上一章已经谈到，在Cadence的高速设计流程中，有两个重要的工具SigXP和Constrain Manager（CM约束管理器）。SigXP是仿真分析工具和约束生成工具，我们就是使用这个工具对关键信号进行仿真的。SI工程师通过对仿真结果的分析…...

编程日记 2025/8/21 14:47:05

Unity：AddTorque()（增加旋转力矩）

目录什么是 AddTorque()？ 第一性原理出发：什么是 Torque（力矩）？ Torque 公式 Unity 中 AddTorque 的工作原理参数属性 🔍 Linear Drag（线性阻力） 线性阻力模拟的现实情况&…...

编程日记 2025/8/21 14:47:03

嵌入式硬件设计全解析：从架构到实战

一、嵌入式硬件设计核心架构与系统组成 1. 处理器选型与架构设计（1）处理器类型与应用场景处理器类型代表架构 / 型号典型应用场景核心优势微控制器（MCU） ARM Cortex-M3/M4、STM32F 系列低功耗控制、小型设备集成外设、低功耗、低成本微处…...

编程日记 2025/8/21 3:22:45

R7打卡——糖尿病预测模型优化探索

🍨 本文为🔗365天深度学习训练营中的学习记录博客 🍖 原作者：K同学啊 1.检查GPU import torch.nn as nn import torch.nn.functional as F import torchvision,torch# 设置硬件设备，如果有GPU则使用，没有…...

编程日记 2025/8/23 23:11:07

win10开了移动热点，手机无法连接，解决办法（chatgpt版）

提问： win10连着网线上网，有无线网卡intel Wireless-AC 9560网卡可以用电脑开移动热点给手机连接吗？如何设置？我现在可以开热点，但是手机连不上，显示正在获取ip地址后就连不上了 chatgpt回答&#xff1a…...

编程日记 2025/8/23 13:22:11

下载core5compat 模块时，被禁止，显示 - servese replied: Forbbidden. --＞换镜像源

怎么解决？ --->换镜像源方法 1：使用命令行参数指定镜像源在运行 Qt 安装器时，通过 --mirror 参数指定镜像源： # Windows qt-unified-windows-x64-online.exe --mirror https://mirrors.ustc.edu.cn/qtproject# Linux/macO…...

编程日记 2025/8/21 14:46:55

《MATLAB实战训练营：从入门到工业级应用》高阶挑战篇-《用无人机仿真玩转PID控制：MATLAB四旋翼仿真建模全攻略》

《MATLAB实战训练营：从入门到工业级应用》高阶挑战篇-✈️ 用无人机仿真玩转PID控制：MATLAB四旋翼仿真建模全攻略 🚁 欢迎来到这篇超级详细的MATLAB四旋翼无人机仿真教程！无论你是控制理论爱好者、无人机发烧友，还是M…...

编程日记 2025/8/21 14:46:52

GESP2024年3月认证C++八级( 第二部分判断题（1-5））

孙子定理参考程序： #include <iostream> #include <vector> using namespace std;// 扩展欧几里得算法：用于求逆元 int extendedGCD(int a, int b, int &x, int &y) {if (b 0) {x 1; y 0;return a;}int x1, y1;int gcd extende…...

编程日记 2025/8/21 14:46:50

PHP的现代复兴：从脚本语言到企业级服务端引擎的演进之路-优雅草卓伊凡

PHP的现代复兴：从脚本语言到企业级服务端引擎的演进之路-优雅草卓伊凡一、PHP的历史误解与现实真相 1.1 被固化的陈旧认知当卓伊凡浏览知乎上关于PHP的讨论时，发现大量回答仍然停留在十年前的刻板印象中。这些误解包括但不限于： “PHP只…...

编程日记 2025/8/23 17:17:53

手表功能RunModeTasks

RunModeTasks 功能解释 “RunModeTasks 执行特定于当前模式的功能根据模式控制作行为”这句话是指 OV-Watch 智能手表项目中的一组任务，这些任务负责管理设备的运行模式并根据不同模式控制设备的行为。主要组成部分 RunModeTasks 主要由以下三个部分组成&#…...

编程日记 2025/8/23 5:48:56

Qt6.8中进行PDF文件读取和编辑

1.环境配置在 .pro 文件中添加 PDF 模块依赖： QT core gui pdf # 添加 pdf 模块注意：独立 pdf 模块的起始版本是Qt 5.15，建议需要 PDF 功能的开发者优先选择此版本或更高版本 2.读取PDF 文件核心类：QPdfDocument&#xf…...

编程日记 2025/8/21 14:46:43

Barrett Reduction算法优化：更紧的界限消除冗余的减法

1. 引言 Barrett Reduction 是一种被广泛使用的模 m m m 运算算法。在zkSecurity 受NEAR团队所委托的（针对RustCrypto: NIST P-256 (secp256r1) elliptic curve——https://github.com/RustCrypto/elliptic-curves/tree/master/p256）进行的 Rust p256 …...

编程日记 2025/8/21 14:46:41

Node.js 是什么？

Node.js 是什么？ Node.js 是一个基于 Chrome V8 JavaScript 引擎的跨平台 JavaScript 运行时环境，用于在服务器端运行 JavaScript 代码。它使开发者能够使用 JavaScript 编写后端（服务端）程序，而不仅仅局限于浏览器端（前端）。 1. Node.js 的核心特点 (1) 基于 Chrom…...

编程日记 2025/8/21 14:46:39

数据结构中数组、链表、图的概念

数据结构是计算机存储、组织数据的方式，数组、链表和图是三种常见的数据结构，下面为你详细介绍它们的概念： 数组数组是一种线性数据结构，它由一组相同类型的元素组成，这些元素存储在连续的内存位置上。每个元素都可…...

编程日记 2025/8/21 8:16:17

基于PPO的自动驾驶小车绕圈任务

1.任务介绍任务来源: DQN: Deep Q Learning ｜自动驾驶入门（？） ｜算法与实现任务原始代码: self-driving car 在上一篇使用了DDPG算法完成自动驾驶小车绕圈任务之后，继续学习了PPO算法&…...

编程日记 2025/8/21 14:46:34

Three.js + React 实战系列 - 客户评价区细解教程 Clients 组件✨（回答式评价 + 评分星级）

对个人主页设计和实现感兴趣的朋友可以订阅我的专栏哦！！谢谢大家！！！ 在这篇博客中，我们将实现一个简洁的 Hear from My Clients 客户评价区域。这个区块在个人主页中可以突显用户体验和专业度，帮…...

编程日记 2025/8/21 14:46:31

2048游戏（含Python源码）

前言相关参考游戏： 像素飞机大战（含Python源码）-CSDN博客https://blog.csdn.net/weixin_64066303/article/details/147693018?spm1001.2014.3001.5501使用DeepSeek定制Python小游戏——以“俄罗斯方块”为例-CSDN博客https://blog.csdn.n…...

编程日记 2025/8/23 2:30:33

百度golang开发一面

讲一下数据库的事务机制？acid特性是靠什么实现的？ 持久性 redo log 原子性 undo log 隔离性 MVCC或next-lock锁四个隔离级别是什么，分别解决什么问题？ 可串行化实现原理 mysql锁机制？介绍锁的类型，以及原理…...

编程日记 2025/8/24 9:17:37

【Springboot知识】Springboot计划任务Schedule详解

文章目录 Spring Boot 定时任务从原理到实现详解一、核心原理分析1. 架构分层2. 核心组件3. 线程模型二、基础实现步骤1. 添加依赖2. 主类配置3. 定时任务类三、高级配置技巧1. 自定义线程池2. 动态配置参数3. 分布式锁集成（Redis示例） 四、异常处理机…...

编程日记 2025/8/21 14:46:24

大模型推理--从零搭建大模型推理服务器：硬件选购、Ubuntu双系统安装与环境配置

自从大模型火了之后就一直想自己组装一台机器去深入研究一下大模型，奈何囊中羞涩，迟迟也没有行动。在下了很大的勇气之后，终于花了接近4万块钱组装了一台台式机，下面给大家详细介绍一下我的装机过程。 1.硬件配置研究了一周&am…...

编程日记 2025/8/20 19:35:23

如何使用QWidgets设计一个类似于Web Toast的控件？

如何使用QWidgets设计一个类似于Web Toast的控件？ 前言笔者这段时间沉迷于给我的下位机I.MX6ULL做桌面，这里抽空更新一下QT的东西。这篇文章是跟随CCMoveWidget一样的文章，尝试分享自己如何书写这份代码的思考的过程，和笔者…...

编程日记 2025/8/23 7:48:46

博图V20编译报错：备不受支持，无法编译。请更改为受支持的设备。

使用高版本博图打开低版本博图的工程文件时，hmi编译报错不通过，报错提示：备不受支持，无法编译。请更改为受支持的设备。原因：当前版本的博图软件没有或不支持该组态设备的固件版本。解决办法：1、安装报错…...

编程日记 2025/8/23 5:48:37

凸性（Convexity）

凸性（Convexity）是一个跨学科的重要概念，广泛应用于数学、优化理论、金融等领域。其核心含义是描述某种结构（如函数、集合）在特定条件下的“无凹陷”性质。 1. 数学中的凸性 1.1 凸函数与凹函数在数学分析中&#…...

编程日记 2025/8/24 8:37:39

Vuex使用指南：状态管理

一、什么是状态管理？为什么需要 Vuex？ 1. 状态管理的基本概念在 Vue 应用中，状态指的是应用中的数据。例如： 用户登录状态购物车中的商品文章列表的分页信息状态管理就是对这些数据的创建、读取、更新和删除进行有效管理。 …...

编程日记 2025/8/21 14:46:13

kotlin中枚举带参数和不带参数的区别

一 ✅ 代码对比总结第一段（带参数工具方法） enum class SeatPosition(val position: Int) {DRIVER_LEFT(0),DRIVER_RIGHT(1),SECOND_LEFT(2),SECOND_RIGHT(3);companion object {fun fromPosition(position: Int): SeatPosition? {return SeatPosi…...

编程日记 2025/8/22 4:39:01

【Python】Python好玩的第三方库之二维码生成，操作xlsx文件，以及音频控制器

前言 🌟🌟本期讲解关于python的三种第三方库的使用介绍~~~ 🌈感兴趣的小伙伴看一看小编主页：GGBondlctrl-CSDN博客 🔥 你的点赞就是小编不断更新的最大动力 🎆那么…...

编程日记 2025/8/23 10:00:11

VTK 交互类介绍

基本概念交互器(Interactor): 处理用户输入事件的基础类交互样式(InteractorStyle): 定义具体的交互行为 Widgets: 可交互的UI组件，如滑块、按钮等 Picker: 用于选择场景中的对象常用交互类类名功能描述vtkRenderWindowInteractor渲染窗口交互器vtkInteractorStyle交互样式…...

编程日记 2025/8/23 13:37:58

在Window10 和 Ubuntu 24.04LTS 上 Ollama 在线或离线安装部署

Ollama 是一个开源的大型语言模型（LLM）服务框架，旨在通过轻量化、跨平台的设计，简化大模型在本地环境中的部署与应用。其基于 Go 语言开发，通过 Docker 容器化技术封装模型运行环境，提供类似命令行工具的交…...

编程日记 2025/8/24 1:19:34

语音合成之十一提升TTS语音合成效果：低质量数据清洗、增强与数据扩增

低质量数据清洗、增强与数据扩增 1. 引言：TTS的基石——数据质量2. 基础：TTS数据准备工作流2.1 规划：定义蓝图2.2 执行：从原始数据到训练就绪格式2.3 最佳实践与可复现性 3. 攻克缺陷：低质量语音数据的清洗与增强3.2 手…...

编程日记 2025/8/23 5:20:15

RGB三原色

本文来源 ： 腾讯元宝 RGB三原色（红绿蓝）详解 RGB（Red, Green, Blue）是光学的三原色，通过不同比例的混合可以产生人眼可见的绝大多数颜色。它是现代显示技术（如屏幕、投影仪&#xff09…...

编程日记 2025/8/24 1:09:26

BUUCTF 大流量分析（一） 1

BUUCTF:https://buuoj.cn/challenges 文章目录题目描述：密文：解题思路：flag： 相关阅读 CTF Wiki BUUCTF:大流量分析（一） 题目描述： 某黑客对A公司发动了攻击，以下是一段时间内我们…...

编程日记 2025/8/24 1:56:58

虚幻引擎5-Unreal Engine笔记之显卡环境设置使开发流畅

虚幻引擎5-Unreal Engine笔记之显卡环境设置使开发流畅 code review! 文章目录虚幻引擎5-Unreal Engine笔记之显卡环境设置使开发流畅1.电源管理2.显卡优先设置3.拯救者支持FnQ性能模式切换，建议开发前切至“野兽模式”或高性能模式。4.NVIDIA 驱动设置5.VS2022中…...

编程日记 2025/8/23 12:20:03

suna工具调用可视化界面实现原理分析（一）

这是一个基于React构建的工具调用侧边面板组件，主要用于展示和管理自动化工具调用流程。以下是代码功能解析及关键组件分析： 一、核心功能模块多工具视图切换系统 • 动态视图加载：通过getToolView函数根据工具名称（如execute-c…...

编程日记 2025/8/23 5:00:06

【将你的IDAPython插件迁移到IDA 9.x：核心API变更与升级指南】

文章目录将你的 IDAPython 插件迁移到 IDA 9.x：核心 API 变更与升级指南为什么 API 会变化？关键不兼容性一：数据库信息访问 (inf_structure)关键不兼容性二：窗口/视图类型判断 (BWN_* 和 form_type)其他可能的 API 变更迁移策略建…...

编程日记 2025/8/20 19:40:22

《Python星球日记》第31天：Django 框架入门

名人说：路漫漫其修远兮，吾将上下而求索。—— 屈原《离骚》创作者：Code_流苏(CSDN)（一个喜欢古诗词和编程的Coder😊） 专栏：《Python星球日记》，限时特价订阅中ing 目录一、Django…...

编程日记 2025/8/23 21:00:16

读《人生道路的选择》有感

读完戴维坎贝尔的《人生道路的选择》，深有感触，虽然只有短短的108也，但作者强调了在复杂的生活环境之中“选择”的重要性。这也是我想要探讨的话题，选择到底会对我们人生产生怎样的影响。在我们人生当中，确实有许多的…...

编程日记 2025/8/24 1:43:02

opencv+opencv_contrib+cuda和VS2022编译

本文介绍使用OpenCV和OpenCV_Contrib源码及Cuda进行编译的过程，编译过程中会用到OpenCV、OpenCV_Contrib、Toolkit、Cmake、VS2022等工具，最终编译OpenCV的Cuda版本。一、OpenCV下载地址 OpenCV官网下载地址:https://opencv.org/releases/#&#xff0…...

编程日记 2025/8/23 6:14:57

相关文章：