pinia简介

pinia简介

路由的补充知识-重定向

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

pinia简介

什么是pinia?

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

pinia的作用

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

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

pinia的使用场景

  1. 中大型的VUE应用,需要集中管理全局状态的,例如电商或者后台系统;
  2. 需要跨组件或者跨页面去访问共享状态,例如登录状态,全部配置,购物车等;
  3. 适合多个组件需要相同的获取状态的逻辑方法;
相关推荐
油丶酸萝卜别吃5 小时前
utils.js 说明文档
开发语言·javascript·ecmascript
zyplayer-doc7 小时前
VuePress类静态文档站和动态知识库怎么选:两种技术路线的适用场景
javascript·人工智能·后端·安全·智能手机
leisoo80977 小时前
100GBA股股票数据怎么存ClickHouseRedisMySQLJSON完整对比
大数据·linux·服务器·开发语言·python
不会代码的小猴8 小时前
21. 泛型编程上
开发语言·c++·笔记·算法
一只旭宝9 小时前
细讲C加加【9】C++ std::function与std::bind详解|仿函数、绑定器、类成员绑定、占位符、成员偏移指针
开发语言·c++·算法
Sterting10 小时前
第9课 Vue Router 路由
前端·vue.js
coder!mq11 小时前
说几个常见的语法糖?
java·开发语言·算法
gugucoding11 小时前
38. 【Java】Stream API(下):高级操作与性能
java·开发语言
Lhan.zzZ11 小时前
在 Visual Studio 2022 中打造可扩展的动态链接库模块:从零搭建到原理解析
开发语言·c++·visual studio
心平气和量大福大11 小时前
android-实例-蒲公英-更新与安装-5-签名与生成APK
android·java·开发语言