【vue】Pinia-1 入门

简介

Pinia是Vue.js的一个状态管理库,由Vue.js官方维护。它提供了一种简单而强大的方式来管理Vue.js应用程序中的状态。

应用场景:用户登录

解决问题

  • Pinia是全局的状态管理,所有组件都可看到
    • 避免了组件间的大量数据交换
    • 简化了组件间的通信
  • 状态可保存到本地,在登录场景十分有用

Pinia VS 组件通信

Pinia VS LocalStorage

Pinia

  • 字符串
  • 5MB
    LocalStorage
  • 不限制类型,大小

参考

https://www.bilibili.com/video/BV1nV411Q7RX

相关推荐
橙露4 分钟前
React Hooks 深度解析:从基础使用到自定义 Hooks 的封装技巧
javascript·react.js·ecmascript
Exquisite.6 分钟前
Nginx
服务器·前端·nginx
2501_9209317018 分钟前
React Native鸿蒙跨平台使用useState管理健康记录和过滤状态,支持多种健康数据类型(血压、体重等)并实现按类型过滤功能
javascript·react native·react.js·ecmascript·harmonyos
打小就很皮...22 分钟前
dnd-kit 实现表格拖拽排序
前端·react.js·表格拖拽·dnd-kit
Ulyanov27 分钟前
从静态到沉浸:打造惊艳的Web技术发展历程3D时间轴
前端·javascript·html5·gui开发
打小就很皮...37 分钟前
React 19 + Vite 6 + SWC 构建优化实践
前端·react.js·vite·swc
Highcharts.js39 分钟前
使用Highcharts与React集成 官网文档使用说明
前端·react.js·前端框架·react·highcharts·官方文档
这是个栗子39 分钟前
AI辅助编程(二) - 通译千问
前端·ai·通译千问
VT.馒头1 小时前
【力扣】2625. 扁平化嵌套数组
前端·javascript·算法·leetcode·职场和发展·typescript
数研小生1 小时前
Full Analysis of Taobao Item Detail API taobao.item.get
java·服务器·前端