Pinia

视频教育网站开源系统的部署安装 （roncoo-education）服务器为ubuntu22.04.05

一、说明前端技术体系：Vue3+Nuxt3+Vite5+Vue-Router+Element-Plus+Pinia+Axios后端技术体系：SpringCloudAlibaba2021+MySQL8+Nacos
浪淘沙jkp·2025-03-04 16:19

【前端】系统

/assets/main.css'import{createApp}from'vue'import{createPinia}from'pinia'importAppfrom'.
南瓜啊·2025-03-04 00:15

Pinia第二章：Pinia 安装与基础配置

2.1安装流程全解析#使用npm安装（推荐用于标准项目）npminstallpinia--save#使用yarn安装（推荐用于Monorepo项目）yarnaddpinia#针对Vite项目的优化安装（自动处理Tree-shaking）npminstallpinia@next-D安装注意事项：需要Vue3运行时环境（要求Vue>=3.2）与VueRouter无版本冲突生产环境会自动启用Tree-s
道不尽世间的沧桑·2025-03-01 20:55

Vue低代码示例

以下是使用Vue、VueRouter和Pinia实现低代码开发的讲解及示例代码：低代码简介低代码开发是一种通过少量代码即可快速构建应用程序的开发模式，主要通过可视化设计器、拖拽组件、配置属性等方式实现。
明cy·2025-03-01 11:24

深入浅出 Pinia：下一代 Vue 状态管理库的核心实践与设计哲学

）在跨层级组件或大型应用中显得力不从心，而Vue生态早期的Vuex虽然解决了这一问题，但随着TypeScript的普及和CompositionAPI的推出，开发者对状态管理工具提出了更高要求——这便是Pinia
斯~内克·2025-02-28 04:31

Pinia

官网：https://pinia.vuejs.org/zh/introduction.htmlPinia和VuexPinia和Vuex都是Vue.js状态管理库，但它们在一些方面有所不同。
Sunshinedada·2025-02-26 09:58

【Viewer.js】vue3封装图片查看器

效果图需求点击图片放大可关闭放大的图片下载cnpminviewerjs状态管理+方法stores/imgSeeStore.jsimport{defineStore}from'pinia'exportconstimgSeeStore
视觉CG·2025-02-25 03:51

基于DeepSeek+Vue3的AI对话聊天系统开发实战

3.1前端环境3.2后端环境4.DeepSeekAPI集成4.1获取API密钥4.2创建API服务4.3创建API视图5.前端页面开发5.1创建聊天组件6.前后端交互实现6.1配置Axios6.2使用Pinia
北辰alk·2025-02-21 08:33

threejs将stl文件格式类型转为drc压缩文件类型

后续发现stl格式文件太大，普遍是十几兆，最后研究出将stl格式文件转为drc格式文件加载，场景加载模型的过程只需要几秒即可，接上来上代码//整个项目是vue3+js的项目，通过vite进行打包，使用的pinia
ccc陈陈陈·2025-02-20 23:05

浅谈vue常用的状态管理库vuex、pinia

Vuex和Pinia都是Vue.js应用程序中的状态管理库,虽然两种状态管理库的vue2，vue3都兼容，但是更推荐vue2（vuex），vue3（pinia）VuexVuex是Vue.js官方提供的状态管理库
超绝前端乱学小白·2025-02-20 20:14

Vue.js 基础与实战指南：从入门到跑路

插件生态丰富（如VueRouter、Vuex、Pinia）。二、Vue实例的深入理解核心配置项 new
王嘉俊705·2025-02-20 14:53

vue3+vite 自动引入export default的包

importautoImportfrom'unplugin-auto-import/vite';exportdefaultdefineConfig({plugins:[vue(),vueJsx(),autoImport({imports:['vue','vue-router','pinia
大橙子-·2025-02-20 07:47

总结了Vue3的七种组件通信方式，别再说不会组件通信了

本篇文章将介绍如下七种组件通信方式：propsemitv-modelrefsprovide/injecteventBusvuex/pinia(状态管理工具)开始搞事情~举一个栗子俗话说的好，学习不写demo
全栈战神·2025-02-19 11:58

`Pinia` + `Formily` + `useTable` 实现搜索条件缓存方案

Pinia+Formily+useTable实现搜索条件缓存方案背景在当前的应用体验中，每当用户刷新页面或退出系统时，之前的搜索条件就会消失不见。
寒露丶小白·2025-02-18 04:49

Pinia入门

一、铺垫pinia官网：https://pinia.vuejs.org/zh/getting-started.html以下的内容全部来自官网；只不过有时候访问官网上不去；只能自己扒下来；pinia的前端使用非常简单
qincjun·2025-02-17 02:15

大事件管理系统（vue3）compositionAPI/pinia/pinia持久化处理/Element Plus/pnpm包管理器/Eslint+prettier/husky(Git hooks)

后台数据管理系统-项目架构设计在线演示：https://fe-bigevent-web.itheima.net/login接口文档:https://apifox.com/apidoc/shared-26c67aee-0233-4d23-aab7-08448fdf95ff/api-93850835接口根路径：http://big-event-vue-api-t.itheima.net本项目的技术栈本
章小絮·2025-02-15 01:59

【uni-app】Pinia 持久化

小程序端Pinia持久化说明：Pinia用法与Vue3项目完全一致，uni-app项目仅需解决持久化插件兼容性问题。
秀秀_heo·2025-02-13 18:32

关于uniapp使用pinia持久化配置兼容问题

import{defineStore}from'pinia';import{ref}from'vue';//定义StoreexportconstuseMembersStore=defineStore('
别催小唐敲代码·2025-02-13 18:28

前端状态管理全面解析：从 Vuex、Pinia 到 Redux、Recoil

前端状态管理全面解析：从Vuex、Pinia到Redux、Recoil前言在现代前端开发中，状态管理（StateManagement）是一个绕不开的话题。
全栈探索者chen·2025-02-11 06:38

vue3.0 从入门到一往无前

、响应机制（ref、reactive）1.reactive:2.ref:3.isRef与isReactive4.toRef与toRefs三、组件通信四、路由vue-router五、状态管理store(pinia
Ccfitch·2025-02-11 04:57

【Vue】Pinia持久化插件

默认情况下，由于pinia是内存存储，当你刷新页面的时候pinia中的数据会丢失，可以借助于persist插件解决这个问题，persist插件支持将pinia中的数据持久化到sessionStorage
土豆炒马铃薯。·2025-02-10 05:11

11vue3实战-----封装缓存工具

11vue3实战-----封装缓存工具1.背景2.pinia的持久化思路3.以localStorage为例解决问题4.封装缓存工具1.背景在上一章节，实现登录功能时候，当账号密码正确，身份验证成功之后，
太阳与星辰·2025-02-09 19:56

【vue】vite + ts +vue3 安装及使用 pinia

vue3+TS安装使用pinia状态管理_vue3tspinia-CSDN博客Vue项目进阶：再谈Pinia函数式（compositionAPI）用法-腾讯云开发者社区-腾讯云
不懂装懂的不懂·2025-02-08 11:01

Pinia 页面刷新后数据丢失怎么解决？

一、原因分析1.状态存储机制Pinia的状态存储在内存中。当你刷新页面时，浏览器会重新加载页面，导致JavaScript环境重新初始化，这意味着存储在内存中的数据会丢失。
alokka·2025-02-07 13:33

Tauri2.x+Vite5+Pinia2电脑版仿微信聊天(源码版)

自研tauri2.0+vite5+vue3setup+pinia+element-plus客户端聊天软件，源码演示篇！
·2025-02-06 17:14

关于 Vue3 组件的数据传递，看这一篇就够了

文章目录方式一：props方式二：自定义事件方式三：mitt方式四：v-model方式五：$attrs方式六：$refs$parent方式七：provideinject方式八：Slot方式九：Pinia
chenNorth。·2025-02-05 07:15

按钮权限控制

1.从菜单中获取所有按钮权限import{defineStore}from"pinia";importtype{ILoginData}from"@/services/modules/login/type
秀秀_heo·2025-02-03 18:30

从零搭建一个Vue3 + Typescript的脚手架——day3

3.项目拓展配置(1).配置PiniaPinia简介Pinia是Vue.js3的状态管理库，它是一个轻量级、灵活、易于使用的状态管理库。
DT——·2025-02-01 10:22

Vue3和react状态管理之Redux与Pinia的使用比较

初始配置pinia:1.通过create-vue脚手架在命令行选择pinia模板生成2.在项目后续添加使用npmaddpinia也可以添加并追加模板redux:1.使用create-react-app脚手架带的
AIGC小陈·2025-02-01 10:21

【Vue3 + Pinia】超简单！storeToRefs使用方法

今天来给大家分享一个Vue3+Pinia中非常实用的技巧——storeToRefs的使用方法。
风清扬雨·2025-01-30 06:10

v3+ts/request封装axios

实例发请求，返回值promiseimportaxios,{AxiosError,typeMethod}from'axios'import{useUserStore}from'@/stores/user'//pinia
赵不困888（合作私信）·2025-01-29 07:16

Vite 与 Pinia 的实战应用

目录Vue极速入门第14节：Vue开发工具与生态优化：Vite与Pinia的实战应用引言1.使用Vite提升开发体验：快速启动与热更新1.1什么是Vite？
码力全開·2025-01-25 21:34

Vue.js 深度剖析：2024 前端高频面试题详解

7.Vuex与Pinia的区别是什么？1.Vue的响应式原理是什么？答：Vue的响应式系统基于数据劫持和发布-订阅模式。数据劫持：Vue2使用Obj
跟着小郑学前端·2025-01-23 18:39

vue3+typeScript+vite3+vscode+eslint+prettiter+element-plus+vue-router+pinia+cryptoJs+tailwindcss

vite.config.tspackage.jsontailwind.config.cjs配置.eslintrc.cjs配置vscode配置vscodeeslintsettings.jsonmain.ts入口pinia
高梅飞花·2025-01-21 19:22

搭建vue3+ts+vite+pinia框架

目录一、搭建准备二、安装vite并创建vue项目1、安装vite2、新建vue项目3.配置vite4、解决报错①、找不到模块“./App.vue”。你的意思是要将"moduleResolution"选项设置为"node"，还是要将别名添加到"paths"选项中?②、allowImportingTsExtensions报错③、找不到模块“./App.vue”或其相应的类型声明。④、找不到模块“pat
光吃，不胖·2025-01-21 14:08

Vue3 使用 pinia

什么是PiniaPinia是Vue的存储库，它允许您跨组件/页面共享状态，与vuex功能一样。准备安装npminstallpinia或者yarnaddpinia使用首先修改main.ts文件main.tsimport'./assets/main.css'import{createApp}from'vue'importAppfrom'./App.vue'import{createPinia}from
有一个好名字·2025-01-20 03:58

Pinia的使用（VUE3+VITE）

官方地址https://pinia.vuejs.org/zh/安装​​​​​​​npminstallpinia挂载插件import{createApp}from'vue'import{createPinia
itwlz·2025-01-18 03:03

【Vue】使用 Pinia 进行状态管理

下面将展示如何在Vue3项目中使用Pinia进行状态管理。这个示例包括多个store，使用getters和actions，以及在组件中使用这些store。
Vesper63·2025-01-17 21:42

上传下载传输列表进度条展示

目录一、store全局存储二、上传下载公共方法三、取消传输四、html展示一、store全局存储import{defineStore}from'pinia'//state类型定义interfaceAppState
天高任鸟飞dyz·2024-09-12 07:09

Pinia持久化插件：pinia-plugin-persistedstate

Pinia持久化插件pinia-plugin-persistedstate是一个Pinia插件，用于持久化Piniastore的状态到本地存储（如localStorage或sessionStorage）
正小安·2024-09-11 14:40

uniapp微信小程序开发踩坑日记：Pinia持久化报错Cannot read property ‘localStorage‘ of undefined

插件默认使用localStorage实现持久化，小程序端不兼容，需要替换持久化APIimport{defineStore}from'pinia'exportconstuseCommonStore=defineStore
肖肖肖丽珠·2024-09-11 02:15

[uni-app]Pinia持久化

前言开发小程序的Pinia持久化和网页端的Pinia持久化的方法较为相似，唯一的区别在于：网页端持久化使用的是localStorage.setItem()和localStorage.getItem()而小程序持久化使用的是
[盐鱼]小白前端日记·2024-09-07 18:54

uniapp中使用pinia，并做数据持久化

pnpmipiniapinia-plugin-persistedstate@nuxt/devalue-S创建store文件夹，创建持久化插件/store/plugins.tsimport{App}from'vue'import{createPinia}from'pinia'importdevaluefrom
Terminal丶句点·2024-09-07 18:24

Pinia+Vue3使用案例及Pinia持久化存储

但即使是在小的单页应用程序中，你也可以通过使用Pinia获得很多:热模块替换修改存储而无需重
m0_67401228·2024-09-07 17:52

Pinia持久化的作用

Pinia是一个轻量级的Vue状态管理库，用于替代Vuex4。它提供了一个更加直观和简洁的方式来管理Vue应用的状态。
一杯梅子酱·2024-09-07 17:52

小程序端pinia持久化

index.ts//创建pinia实例constpinia=createPinia()//使用持久化存储插件pinia.use(persist)//默认导出，给main.ts使用exportdefaultpiniamain.tsimport
为什么没有实习·2024-09-07 17:16

前端系列-9 Vue3生命周期和computed和watch

watch可以与pinia的$subscribe状态监听进行比较学习。
Ewen Seong·2024-09-06 03:36

《Vue 3 中的 Pinia：全面解析与使用教程》

Pinia是Vue3官方推荐的状态管理库，用于代替Vue2中的Vuex。Pinia的核心设计目标是提供简单、灵活、轻量的状态管理方式，并与Vue3的组合式API紧密结合。
NMY112·2024-09-05 10:43

后台数据管理系统 - 项目架构设计

项目架构设计在线演示：黑马程序员-大事件接口文档:登录-黑马程序员-大事件接口根路径：http://big-event-vue-api-t.itheima.net本项目的技术栈本项目技术栈基于ES6、vue3、pinia
风流野趣fly·2024-09-05 04:00

使用pnpm安装并配置Pinia的持久化插件pinia-plugin-persistedstate

使用pnpm安装并配置Pinia的持久化插件pinia-plugin-persistedstate在开发Vue.js或任何基于Pinia状态管理库的应用时，保持用户状态在会话或页面刷新后依然可用是一个常见的需求
正小安·2024-09-03 03:48
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他