pinia简介

pinia简介

路由的补充知识-重定向

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

pinia简介

什么是pinia?

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

pinia的作用

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

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

pinia的使用场景

  1. 中大型的VUE应用,需要集中管理全局状态的,例如电商或者后台系统;
  2. 需要跨组件或者跨页面去访问共享状态,例如登录状态,全部配置,购物车等;
  3. 适合多个组件需要相同的获取状态的逻辑方法;
相关推荐
代码or搬砖13 小时前
String字符串
android·java·开发语言
十一.36613 小时前
131-133 定时器的应用
前端·javascript·html
leo__52014 小时前
基于两步成像算法的聚束模式SAR MATLAB实现
开发语言·算法·matlab
Macbethad15 小时前
自动化测试技术报告
开发语言·lua
不会画画的画师15 小时前
Go开发指南:io/ioutil包应用和迁移指南
开发语言·后端·golang
2503_9284115615 小时前
12.22 wxml语法
开发语言·前端·javascript
光影少年15 小时前
Vue2 Diff和Vue 3 Diff实现及底层原理
前端·javascript·vue.js
59803541515 小时前
【java工具类】小数、整数转中文大写
android·java·开发语言
2501_9462243115 小时前
旅行记录应用统计分析 - Cordova & OpenHarmony 混合开发实战
javascript·harmonyos·harvester
傻啦嘿哟15 小时前
隧道代理“请求监控”实战:动态调整采集策略的完整指南
前端·javascript·vue.js