pinia简介

pinia简介

路由的补充知识-重定向

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

pinia简介

什么是pinia?

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

pinia的作用

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

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

pinia的使用场景

  1. 中大型的VUE应用,需要集中管理全局状态的,例如电商或者后台系统;
  2. 需要跨组件或者跨页面去访问共享状态,例如登录状态,全部配置,购物车等;
  3. 适合多个组件需要相同的获取状态的逻辑方法;
相关推荐
郭涤生5 小时前
std::condition_variable的使用及主要事项
开发语言·c++
ZC跨境爬虫5 小时前
跟着 MDN 学 HTML day_2:(表单分组与高级输入控件实战)
前端·javascript·css·ui·html
小菜鸡桃蛋狗5 小时前
C++——list
开发语言·c++
hopetomorrow5 小时前
学习路之PHP --PHP 常用扩展及作用表
开发语言·学习·php
simple-L65 小时前
Java开发痛点技术文章大纲
java·开发语言
吴声子夜歌5 小时前
Vue3——UI组件库Element Plus(一)
vue.js·ui·elementplus
m0_635647486 小时前
Qt打包含有第三方库的软件为应用程序——CQtDeployer
开发语言·数据库·qt
simple-L66 小时前
Vue3 前端开发技术文章大纲
开发语言
南宫萧幕6 小时前
Python与Simulink联合仿真:基于DQN的HEV能量管理策略建模与全链路排雷实战
开发语言·人工智能·python·算法·机器学习·matlab·控制
千寻girling6 小时前
滑动窗口刷了快一个月(26天)了 , 还没有刷完. | 含(操作系统学什么的Java 后端)
java·开发语言·javascript·c++·人工智能·后端·python