pinia和vuex的使用以及区别

已于 2023-09-04 10:54:03 修改
阅读量133 收藏
点赞数
文章标签： 前端 javascript 开发语言
于 2023-09-04 10:53:41 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_52512511/article/details/132664205
版权

 还是要记笔记多看才行，要不然老是会忘记

  • 它没有mutation,他只有state，getters，action【同步、异步】使用他来修改state数据
  • pinia没有modules配置，每一个独立的仓库都是definStore生成出来的
  • state是一个对象返回一个对象和组件的data是一样的语法

 安装

  • vuex
npm i vuex -S
  • pinia
npm i pinia -S

挂载

vuex

新建vuexStore/index.js

main.js引入

App.vue测试

pinia

 src下新建piniaStore/storeA.js

 main.js引入

 App.vue使用

参考文章： 

一文解析 Pinia 和 Vuex，带你全面理解这两个 Vue 状态管理模式_vuex pina用法‘’_Young丶的博客-CSDN博客 

要努力奋斗鸭
关注
Pinia使用的语法以及VueX的使用语法，以及两者的区别。
程序员阿皓的博客
04-17 291
Pinia是一个基于Vue 3的状态管理库，而VueX是Vue.js官方推荐的状态管理库。
Pinia 与 Vuex 使用区别
weixin_66128399的博客
02-19 1254
解决方案：首页优化时会考虑到这个场景，一般处理方案是去做 vuex 的按需加载，beforeCreate 时，可以去判断当前页需要加载哪些 store，之后利用 vuex store 实例上的 registerModule 进行动态注册。pinia 在打包时会检查引用依赖，当首页用到 app store，打包只会把用到的 store 和页面合并输出 1 个 js chunk，其他 2 个 store 不会耦合在其中。Pinia 不再需要一个主要的 Store，是一个平面的结构，可创建不同的 Store。
一文解析 Pinia 和 Vuex ，带你全面理解这两个 Vue 状态管理模式
2401_83384536的博客
07-22 1219
Pinia和Vuex一样都是是vue的全局状态管理器。其实Pinia就是Vuex5，只不过为了尊重原作者的贡献就沿用了这个看起来很甜的名字Pinia。本文将通过Vue3的形式对两者的不同实现方式进行对比，让你在以后工作中无论使用到Pinia还是Vuex的时候都能够游刃有余。
详解Pinia和Vuex
m0_61478092的博客
10-15 3215
1.什么是vuex？为什么要使用vuex?Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式 + 库。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。
一文搞明白 Pinia 和 Vuex 这两个 Vue 状态管理模式
前端达人
08-30 583
Pinia和Vuex一样都是是vue的全局状态管理器。其实Pinia就是Vuex5，只不过为了尊重原作者的贡献就沿用了这个看起来很甜的名字Pinia。本文将通过Vue3的形式对两者的不同实现方式进行对比，让你在以后工作中无论使用到Pinia还是Vuex的时候都能够游刃有余。既然我们要对比两者的实现方式，那么我们肯定要先在我们的Vue3项目中引入这两个状态管理器（实际项目中千万不要即用Vuex又用P...
【状态管理: Pinia与Vuex的区别】Pinia如何使用？和vuex的异同？
成长之痛
07-13 1158
状态管理pinia和vuex：Pinia如何使用？和vuex的异同？
Vue.js 状态管理：Pinia 与 Vuex
努力是为了站在万人之中，成为别人的光
02-08 2万+
我将简要总结 Vuex 和 Pinia。如果你想要更详尽的解释，我建议阅读Vuex 文档和Pinia 文档。Pinia是一个新的状态管理库，可帮助你在 Vue.js 应用程序中跨组件管理和存储响应数据和状态。Pinia 由 Vue 核心团队成员之一 Eduardo San Martin Morote 创建。Pinia 使用新的反应系统来构建一个直观且完全类型化的状态管理系统。库中引入的新特性是促成 Pinia 推荐的因素之一。总体而言，Pinia 显得轻巧、简单且易于掌握。
pinia和vuex的区别
weixin_42364397的博客
03-12 716
1、 修改值的方式不一样， pinia 可以直接修改state值 store.count++ ， 而vuex 的 commit 提交修改。4、pinia 只有state、getter、action，vuex 多一个 mutation，并且 pinia 没有 module。// 这实际上并没有替换`$state` store.$state = { count: 24 }// 在它内部调用 `$patch()`： store.$patch({ count: 24 })3、多一个 $patch 修改数据方法。
Pinia和Vuex有什么区别？
laowang357的博客
03-13 803
Pinia的API设计更加简洁和直观。它采用了类似于Vue Composition API的风格，使用了更加现代化的语法和概念。相比之下，Vuex的API设计较为传统，使用了基于对象和字符串的方式来定义和访问状态。
Pinia 和 Vuex 的区别。
weixin_43995143的博客
03-04 771
Pinia是一个轻量级的状态管理库，专注于提供简单的API来管理应用程序的状态，它基于Vue 3的构建，提供了更加灵活和可组合的状态管理方式，支持多个store实例。Vuex是一种状态管理模式和库，构建为集中式存储，可帮助你维护 Vue 应用程序中存在的所有组件的状态。Vuex 遵循确保你的状态突变为预测标准的规则。使 Vuex 更强大的一个因素是组件从 Vuex store 中获取它们的状态，并且可以快速有效地响应 store 状态的变化。
pinia和vuex的区别 Vuex 和 Pinia 的优缺点 何时使用Pinia，何时使用Vuex
热门推荐
青山不改，绿水长流。
10-08 2万+
（1）pinia它没有mutation,他只有state，getters，action【同步、异步】使用他来修改state数据（2）pinia他默认也是存入内存中，如果需要使用本地存储，在配置上比vuex麻烦一点（3）pinia语法上比vuex更容易理解和使用，灵活。（4）pinia没有modules配置，没一个独立的仓库都是definStore生成出来的（5）pinia state是一个对象返回一个对象和组件的data是一样的语法。
Pinia与Vuex使用区别
Sophie_U的博客
12-01 1265
Pinia和Store都作为状态管理器，这里总结一下Pinia和Vuex在用法上的一些区别，及项目应用的解决方案。附官方文档地址。
pinia 和 vuex 的区别
m0_73021262的博客
07-11 408
Pinia是Vue 3中的模块化、面向响应式的状态管理库，直接支持TypeScript；Vuex是Vue官方推荐的全局状态管理库，基于Flux架构，适用于传统的全局状态管理模式。
Pinia与VueX的区别
2301_76979068的博客
07-13 7036
Vuex与pinia的区别
为什么建议你用 Pinia 替换 Vuex？
fedlab的博客
04-20 1818
在 Vue.js 项目状态管理技术选型时，经常会遇到选择 Vuex 还是 Pinia 的问题。**Pinia 被 Vue.js 官方网站列为 Vue.js 的推荐状态管理工具**，这可能是它被受欢迎的原因之一
pinia与vuex的区别以及pinia的使用
weixin_58632808的博客
08-19 2045
pinia
-webkit-box-reflect属性与倒影效果的实现
最新发布
读心悦
09-13 442
是一个非标准的 CSS 属性，主要用于在 WebKit 浏览器（如 Chrome 和 Safari）中创建元素的倒影效果。这个属性并不是 CSS 规范的一部分，但在实践中经常被用来实现简单而有趣的视觉效果。
Vue使用query传参Boolean类型，刷新之后转换为String问题
q879936814的博客
09-12 442
要解决这个问题，不能直接Boolean处理，因为如果传入false，那么转换成字符串，Boolean(‘false’)会变成true；做项目时发现第一次进入页面时传参是正常的Boolean类型，刷新之后变成了String，这是浏览器进行的一次强制转换；解决方法：使用JSON.parse处理参数。
Layout 布局组件快速搭建
赵士杰——成功并非一蹴而就，而是在持之以恒的努力中逐渐实现。
09-13 1416
Layout 布局组件快速搭建： 1. 设置主题样式变量 2. 封装公共布局组件 3. 经典布局 4. 水平布局 5. 响应式布局 6. 搭建 Layout 布局组件 7. 添加 Layout 路由配置 8. 启动项目
pinia和vuex的区别？
07-13
Pinia和Vuex都是Vue.js应用的状态管理解决方案，它们都用于集中式存储和管理组件间的共享数据。尽管它们有相似的目标，但两者之间存在一些关键区别： 1. **设计哲学**： - Pinia更轻量级，它是基于官方推荐的...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值