14.(vue3.x+vite)组件间通信方式之pinia

前端技术社区总目录(订阅之前请先查看该博客)

示例效果

在这里插入图片描述

Pinia简介

Pinia 是 Vue 的存储库,它允许您跨组件/页面共享状态。

Pinia与Vuex比较

(1)Vue2和Vue3都支持,这让我们同时使用Vue2和Vue3的小伙伴都能很快上手。
(2)pinia中只有state、getter、action,抛弃了Vuex中的Mutation,Vuex中mutation一直都不太受小伙伴们的待见,pinia直接抛弃它了,这无疑减少了我们工作量。
(3)无需再创建各个模块嵌套(module),Vuex中如果数据过多,我们通常分模块来进行管理,稍显麻烦,而pinia中每个store都是独立的,互相不影响。
(4)良好的Typescript支持,毕竟我们Vue3都推荐使用TS来编写,这个时候使用pinia就非常合适了
(5)体积非常小,只有1KB左右。
(6)pinia支持插件来扩展

相关推荐

  1. vue通信

    2023-12-06 13:42:03       31 阅读
  2. vue通信详解

    2023-12-06 13:42:03       20 阅读
  3. vue通信方式

    2023-12-06 13:42:03       39 阅读
  4. vue 之间通信方式

    2023-12-06 13:42:03       45 阅读
  5. Vue通信方式

    2023-12-06 13:42:03       28 阅读
  6. vue之间通信方式

    2023-12-06 13:42:03       22 阅读

最近更新

  1. TCP协议是安全的吗?

    2023-12-06 13:42:03       18 阅读
  2. 阿里云服务器执行yum,一直下载docker-ce-stable失败

    2023-12-06 13:42:03       19 阅读
  3. 【Python教程】压缩PDF文件大小

    2023-12-06 13:42:03       18 阅读
  4. 通过文章id递归查询所有评论(xml)

    2023-12-06 13:42:03       20 阅读

热门阅读

  1. Docker tag 命令

    2023-12-06 13:42:03       41 阅读
  2. 首例CSDN_AI文章-- K-均值聚类算法

    2023-12-06 13:42:03       37 阅读
  3. 蓝桥杯ACwing习题

    2023-12-06 13:42:03       31 阅读
  4. 基于python实现人脸识别登录系统

    2023-12-06 13:42:03       32 阅读
  5. MySQL四 | 约束

    2023-12-06 13:42:03       39 阅读
  6. 【PyTorch】优化分析

    2023-12-06 13:42:03       32 阅读
  7. PHP常用的正则表达式

    2023-12-06 13:42:03       39 阅读
  8. go语言http协议post方法样例调用

    2023-12-06 13:42:03       39 阅读