技术栈
pinia
肉肉不吃 肉
4 天前
前端
·
javascript
·
vue.js
·
pinia
父子组件传递数据和状态管理数据
在 Vue.js 开发中,父子组件传递数据和从状态管理(如 Pinia、Vuex)获取数据是两种常见的数据管理方式。选择哪种方式,取决于具体的场景和需求。以下是两者的适用场景和最佳实践:
霸王蟹
4 天前
前端
·
vue.js
·
笔记
·
ts
·
pinia
·
js
Pinia-构建用户仓库和持久化插件
Pina 是一个用于 Vue.js 的插件,它提供了一个简单的方法来管理和共享 Vuex 或 Pinia(Vuex 的下一代状态管理库)中的 store。虽然 Vuex 仍然是 Vue.js 状态管理的一个流行选择,但 Pinia 提供了一个更轻量级、模块化和类型安全的替代方案。
雪碧聊技术
25 天前
pinia
·
v-for
·
菜单渲染
·
mybatis查询
·
数据库表的设计
使用v-for用户菜单渲染
前端页面的菜单渲染,是项目开发中的很重要一部分,设计思路需要我们好好斟酌一下。因为我们要根据登录用户的角色,去渲染对应的菜单。如下:
一雨方知深秋
1 个月前
pnpm
·
pinia
·
element-plus
·
暂存区eslint
·
vue-router4
pnpm, eslint, vue-router4, element-plus, pinia
在 设置 中配置保存时自动修复husky是一个 git hooks工具(git的钩子工具,可以在特定实际执行特定的命令)
罗_三金
2 个月前
前端
·
css
·
vue.js
·
axios
·
pinia
·
tailwind
(4)Vue 3 + Vite + Axios + Pinia + Tailwind CSS搭建一个基础框架
使用 Vue 3 + Vite + Axios + Pinia + Tailwind CSS 快速构建一个现代化的前端项目。以下是详细的步骤和代码示例,帮助你从零开始搭建一个完整的项目。
她和夏天一样热
3 个月前
前端
·
axios
·
pinia
【前端系列】Pinia状态管理库
☀️ 回报不在行动之后,回报在行动之中。这个系列可以叫作《前端系列》,我将把前端工程化所需要的思想,以及所用到的技术,把它用笔记的形式展示出来,请期待这个系列的更新吧。
暂时先用这个名字
5 个月前
开发语言
·
javascript
·
vue.js
·
pinia
·
组件
·
通信
·
mitt
vue3中mitt和pinia的区别和主要用途,是否有可重合的部分?
在 Vue 中,Mitt 和 Pinia 是两个不同的工具,它们的主要用途和功能有所不同,但在某些方面也存在重合的部分。
白雾茫茫丶
5 个月前
postgresql
·
vue3
·
vite
·
pinia
·
nest.js
·
prisma
前端的全栈之路:基于 Vue3 + Nest.js 全栈开发的后台应用
Vue3 Admin 是一个前端基于 Soybean Admin 二次开发,后端基于 Nest.js 的全栈后台应用,适合学习全栈开发的同学参考学习。
濮水大叔
6 个月前
typescript
·
vue3
·
pinia
在Vue3中如何实现四种全局状态数据的统一管理?
在实际开发当中,会遇到四种全局状态数据:异步数据(一般来自服务端)、同步数据。同步数据又分为三种:localstorage、cookie、内存。在传统的 Vue3 当中,分别采用不同的机制来处理这些状态数据,而在 Zova 中只需要采用统一的Model机制
汤米粥
6 个月前
pinia
Pinia只能存储简单数据类型
最近用vue做了一个管理后台,登录后使用Pinia存储一个User对象,包括name,token,avator。
威哥爱编程
7 个月前
javascript
·
vue
·
pinia
Vue状态管理库Pinia详解
Pinia 是 Vue 的状态管理库,它提供了一种更简单、更不规范的 API 来管理应用的状态。Pinia 的设计哲学是简单性和易用性,它避免了 Vuex 中的许多复杂概念,如 mutations 和模块的嵌套结构,提供了一种更现代、更符合 Vue 3 Composition API 风格的状态管理方式。
bjzhang75
7 个月前
前端
·
javascript
·
vue.js
·
pinia
Vue快速入门(六)——Vue3 状态管理 - Pinia(一)
目录一、什么是Pinia二、对比 Vuex三、安装Pinia四、核心概念——Store1、什么是Store
又言又语
8 个月前
vue
·
vue3
·
pinia
【Vue3】Pinia修改数据
随着年龄的增长,很多曾经烂熟于心的技术原理已被岁月摩擦得愈发模糊起来,技术出身的人总是很难放下一些执念,遂将这些知识整理成文,以纪念曾经努力学习奋斗的日子。本文内容并非完全原创,大多是参考其他文章资料整理所得,感谢每位技术人的开源精神。
honor_zhang
9 个月前
微信小程序
·
uni-app
·
pinia
uni-app三部曲之一: Pinia使用
最近在学习移动端的开发,使用uni-app前端应用框架,通过学习B站的视频以及找了一个开发模板,终于是有了一些心得体会。 B站视频1:Day1-01-uni-app小兔鲜儿导学视频_哔哩哔哩_bilibili
特立独行的猫a
9 个月前
前端
·
javascript
·
vue.js
·
pinia
·
vuex
Pinia:Vue 2 和 Vue 3 中更好用的状态管理框架
还在用Vuex? 在Vue应用程序的开发过程中,高效且易于维护的状态管理一直是开发者关注的核心问题之一。随着Vue 3的发布,状态管理领域迎来了一位新星——Pinia,它不仅为Vue 3量身打造,同时也向下兼容Vue 2,以其简洁的API设计、强大的功能特性,逐渐成为Vue社区中备受推崇的状态管理框架。本文将深入探讨Pinia的魅力所在,并阐述为何它是Vue 2/Vue 3应用中更优的选择。
啊猪是的读来过倒
9 个月前
前端
·
vue.js
·
flutter
·
pinia
·
全局状态管理
Vue 全局状态管理新宠:Pinia实战指南
随着Vue.js项目的日益复杂,高效的状态管理变得至关重要。Pinia作为Vue.js官方推荐的新一代状态管理库,以其简洁的API和强大的功能脱颖而出。本文将带您快速上手Pinia,从安装到应用,轻松实现Vue.js项目的全局状态管理,提升开发效率和项目可维护性。
猫老板的豆
9 个月前
vue
·
pinia
·
vuex
Pinia详解
Vuex详解Pinia是一个基于Vue 3的状态管理库,专为Vue 3设计。它提供了一种简单、直观且可扩展的方式来组织和访问应用程序的状态。Pinia的设计灵感来源于Vuex,但相比Vuex,Pinia更加轻量级、简单易用和灵活。Pinia利用Vue 3的新特性,如Composition API,使得开发者能够更容易地上手和使用。
m0_63165331
9 个月前
前端
·
javascript
·
vue.js
·
vue3
·
pinia
·
组件通信
·
任意组件通信
Vue3中的常见组件通信之`pinia`
在vue3中常见的组件通信有props、mitt、v-model、 r e f s 、 refs、 refs、parent、provide、inject、pinia、slot等。不同的组件关系用不同的传递方式。常见的撘配形式如下表所示。
来一杯龙舌兰
10 个月前
前端
·
vue.js
·
vue3
·
pinia
Vue3-Pinia(大菠萝)附源码
git地址:https://gitee.com/its-a-little-bad/vue.git pinia官网地址:https://pinia.vuejs.org/zh/ node版本:20.8.1
weixin_46176940
10 个月前
pinia
·
持久化
pinia持久化未生效
pinia官方文档https://prazdevs.github.io/pinia-plugin-persistedstate/zh/guide/