pinia

vue3+webSocket+pinia实现实时双向通信的思路

Pinia是Vue的状态管理库，用于集中管理应用的状态，使得状态的管理更加清晰和可维护。本文将介绍如
前端码趣逗士·2025-03-31 18:03

vue 3 深度指南：从基础到全栈开发实践

1.前置依赖安装2.项目初始化与结构解析二、核心概念与语法深度解析1.MVVM模式与响应式原理2.模板语法与指令进阶3.组件化开发三、进阶开发与全栈集成1.路由管理（VueRouter）2.状态管理（Pinia
靠近彗星·2025-03-31 16:22

Vue3 官方推荐状态管理库Pinia

介绍Pinia是Vue官方团队推荐代替Vuex的一款轻量级状态管理库，允许跨组件/页面共享状态。Pinia旨在提供一种更简洁、更直观的方式来处理应用程序的状态。
fishmemory7sec·2025-03-30 04:46

用 Pinia 点燃 Vue 3 应用：状态管理革新之旅

用Pinia点燃Vue3应用：状态管理革新之旅用Pinia点燃Vue3应用：状态管理革新之旅什么是Pinia？
PsG喵喵·2025-03-30 04:45

vue3+ts+vite项目使用 unplugin-auto-import (自动导入)

该项目是基于vite创建的vue3+ts+vue-router+pinia项目;启动项目：npminstallnpmrundev启动后遇到了以下问题：问题1：Componentname"Person"shouldalwaysbemulti-word.eslint
halo1416·2025-03-27 16:40

vue3(笔记)5.0--pinia工具的知识扩展

pinia工具defineStore(创建pinia)作用：用于定义一个Piniastore。用法：接收一个唯一的ID和一个配置对象，配置对象中可以定义state、getters和actions。
不断努力的根号七·2025-03-27 10:22

基于Pinia的WebSocket管理与优化实践(实现心跳重连机制，异步发送)

本文将探讨如何使用Pinia状态管理库在Vue应用中优雅地管理和优化WebSocket连接，以实现稳定、高效的实时数据传输。
W蘭·2025-03-26 13:48

React的状态管理——Redux

React注入storeReact组件使用store中的数据React组件修改store中的数据绑定用户交互效果展示action传参Redux异步状态管理React中的Redux就像Vue中的Vuex和Pinia
miraculous111·2025-03-24 04:24

快速理解Vue3中Pinia里的subscribe方法使用

快速理解Vue3中Pinia里的subscribe方法使用一、Pinia简介Pinia是Vue3的状态管理库，类似Vue2中的Vuex，但使用更简洁高效二、subscribe方法简介subscribe方法是
MXN_小南学前端·2025-03-23 22:01

响应式数据 和 Pinia 状态

响应式数据和Pinia状态是Vue.js应用中用于管理数据的两种重要机制，它们之间有密切的关系。
肉肉不吃 肉·2025-03-21 19:46

Vue遇到微信授权登录的一些场景坑和思考

最近，接手一个小的PC商城项目，使用微信扫码授权登录，商城部分有些内容针对游客、用户和会员以及店铺，分别作出不同的展示，当退出登录时，清除所有信息，包括本地存储、pinia，问题就发生在退出账号重新登录
·2025-03-21 07:58

Vue3 + ECharts 数据可视化实战指南

百度开源的成熟可视化库支持30+种图表类型完善的文档和社区支持与Vue3完美兼容二、环境搭建1.创建Vue3项目npmcreatevue@latest#选择TypeScript、Pinia等按需配置2.
念九_ysl·2025-03-20 12:57

vue3当中使用Pinia的store的组件化开发模式

一、安装与初始化安装Pinianpminstallpinia#或yarnaddpinia目的：引入Pinia核心库，为状态管理提供基础支持。
堕落年代·2025-03-19 22:59

Vuex 和 Pinia 的对比

Vuex和Pinia都是Vue状态管理库，但它们有一些区别：1.开发背景Vuex：Vuex是Vue.js官方推出的状态管理库，主要用于管理复杂应用中的全局状态。它在Vue2和Vue3中都被广泛使用。
徐福记c·2025-03-19 09:09

用 Pinia 点燃 Vue 3 应用：状态管理革新之旅

用Pinia点燃Vue3应用：状态管理革新之旅用Pinia点燃Vue3应用：状态管理革新之旅什么是Pinia？
心中的灯塔·2025-03-15 06:52

pinia使用教程以及pinia-plugin-persistedstate持久化插件——uniapp

piniastore定义optionimport{defineStore}from'pinia'//你可以任意命名`defineStore()`的返回值，但最好使用store的名字，同时以`use`开头且以
十五春会·2025-03-14 18:02

vue3+ts+vite+pinia+element-plus搭建一个项目

创建一个基于Vue3、TypeScript、Vite、Pinia和ElementPlus的项目是一个现代化的前端开发流程，这种配置通常用于构建轻量级、快速和模块化的单页应用程序（SPA）。
貂蝉空大·2025-03-13 18:15

如何搭建一个适配微信小程序，h5，app的工程

在vscode搭建uni-app项目（Vue3+Vite+Pinia+uViewPlus）一、环境准备1.安装Node.js确保已安装Node.js（需≥14版本），可通过以下命令检查版本：node-v
牛牪犇0·2025-03-13 08:59

在Vue中如何高效管理组件状态？

引言2.局部状态管理2.1组件内部的data2.2计算属性与Watcher3.父子组件状态传递3.1通过Props与$emit3.2双向绑定（v-model）4.全局状态管理4.1使用Vuex4.2使用Pinia5
几何心凉·2025-03-12 18:50

重生之我在学Vue--第6天 Vue 3 状态管理（Pinia）

重生之我在学Vue–第6天Vue3状态管理（Pinia）文章目录重生之我在学Vue--第6天Vue3状态管理（Pinia）前言一、Pinia核心概念速览1.1为什么需要状态管理？
野生的程序媛·2025-03-12 02:47

【从0到1构建实时聊天系统：Spring Boot + Vue3 + WebSocket全栈实战】

一、项目架构技术栈清单：后端：SpringBoot3.0+WebSocket+STOMP前端：Vue3+Pinia+WebSocketClient部署：Nginx+DockerCompose二、核心功能实现
小怪兽9699·2025-03-10 17:58

Vue 生态中路由与状态管理的变迁：Vue-Router、Vuex 及 Pinia 解析

Vue-Router有哪些变化?引入方式变化,routes属性加入强制判断如果页面上没有对应的命名式路由,如果像推送到路由上去,原先的做法会默认导航到默认路径(‘/’)现在4.x以上版本不会有这个行为,而是去加载一个空的组件,且在控制台抛出异常不会再给默认路径添加/,redirect重定向需要写全路径//router/index.js//Vue2的配置方法,的情况下,path:'',会在about
大麦大麦·2025-03-10 08:30

vue3动态路由+页面刷新丢失路由+再次加载路由

1、保存路由信息在登录的时候从后端获取路由信息保存到全局pinia或者是vuex，我用的是pinia建议在保存的时候对路由信息数组做好处理2、在router.ts中引入pinia保存的路由信息：注意不要使用
Angus-zoe·2025-03-06 23:25

Vue3移动端的路由动态缓存之keep-alive的使用

letstore=useStore();letkeepAliveList=computed(()=>store.state.keepAliveList);这里默认大家已经掌握了全局路由守卫和vuex或者pinia
梦凡尘·2025-03-05 23:31

视频教育网站开源系统的部署安装 （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 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他