pinia简介

pinia简介

路由的补充知识-重定向

  • 当我们加载页面的时候,默认情况加它不会加载任何的一个组件,我们可以用默认加重定向的方式让他指定一个组件,例如
vue 复制代码
    {
        path: '/',
        redirect: '/club/list' // 重定向到社团列表页
    }
  • 这样当我们打开页面的时候,就可以重定向到社团的列表页面

pinia简介

什么是pinia?

简单的来说,pinia是一个集中式管理应用全部状态的工具,它可以让组件之间共享数据、状态逻辑更加的清晰,更加的高效;

pinia的作用

例如,一个用户信息,可能由很多的组件都需要共享用户的状态,所以它能解决下面的问题:

  1. 将分散在各个组件的共享状态抽离到一个仓库中,这样这个状态就不需要由各个组件来传递而导致非常的混乱;
  2. 这种共享状态是响应式的,也就是会自动同步到各个组件,不需要任何的手动处理;
  3. 与状态修改相关的任何逻辑都可以在各个组件中复用;
  4. 仓库中的状态和方法可以跨组件访问;

pinia的使用场景

  1. 中大型的VUE应用,需要集中管理全局状态的,例如电商或者后台系统;
  2. 需要跨组件或者跨页面去访问共享状态,例如登录状态,全部配置,购物车等;
  3. 适合多个组件需要相同的获取状态的逻辑方法;
相关推荐
为何创造硅基生物6 小时前
C语言 结构体内存对齐规则(通俗易懂版)
c语言·开发语言
吃好睡好便好6 小时前
在Matlab中绘制横直方图
开发语言·学习·算法·matlab
星寂樱易李6 小时前
iperf3 + Python-- 网络带宽、网速、网络稳定性
开发语言·网络·python
仰泳之鹅6 小时前
【C语言】自定义数据类型2——联合体与枚举
c语言·开发语言·算法
之歆7 小时前
DAY_12JavaScript DOM 完全指南(二):实战与性能篇
开发语言·前端·javascript·ecmascript
Maimai108087 小时前
React如何用 @microsoft/fetch-event-source 落地 SSE:比原生 EventSource 更灵活的实时推送方案
前端·javascript·react.js·microsoft·前端框架·reactjs·webassembly
candyTong7 小时前
Claude Code 的 Edit 工具是怎么工作的
javascript·后端·架构
cen__y8 小时前
Linux12(Git01)
linux·运维·服务器·c语言·开发语言·git
AI人工智能+电脑小能手8 小时前
【大白话说Java面试题 第65题】【JVM篇】第25题:谈谈对 OOM 的认识
java·开发语言·jvm
社交怪人8 小时前
【算平均分】信息学奥赛一本通C语言解法(题号2071)
c语言·开发语言