Vue3/ pinia 描述和介绍 、pinia优化 pinia特点

最新推荐文章于 2024-01-02 10:59:44 发布
最新推荐文章于 2024-01-02 10:59:44 发布
阅读量270 收藏 1
点赞数
文章标签： vue.js 前端 javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_64494670/article/details/129193167
版权
Pinia是2021年11月推出的Vue官方状态管理工具，对Vue3有优秀兼容性，尤其在TypeScript支持上表现出色。它摒弃了mutations和命名空间模块，简化了API，更接近vuex5的设想，同时支持Vue开发者工具，提供更好的开发体验。
摘要由CSDN通过智能技术生成

 

pinia 描述和介绍  

pinia 出世时间: 2021年11月9日

pinia特点:

pinia和vuex4一样 也是vue官方状态管理工具

pinia相比vuex4 对于vue3的兼容性更好了

pinia相比vuex4 具备完善的 类型推荐 => 对于TS支持很友好

pinia同样支持Vue开发者工具

pinia的 api设计非常接近 vuex5的 提出方案

pinia核心函数 

state： 状态

actions: 修改状态 包括同步和异步 pinia内没有 mutations 

getters : 计算属性

pinia优化有哪些

没有 mutations 
没有 modules 嵌套结构

没有命名空间模块 


 

春暖花开.,
关注
vue-Pinia状态管理
weixin_68658847的博客
04-10 774
vue-Pinia状态管理
vue3 pinia详解
CxZzzE的博客
03-20 457
vue3 pinia详解
Pinia简介及使用
weixin_44347684的博客
04-19 5643
既然getter函数做了一些计算或者处理，那么我们很可能会需要传递参数给getter函数，但是我们前面说getter函数就相当于store的计算属性，和vue的计算属性差不多，那么我们都知道Vue中计算属性是不能直接传递参数的，所以我们这里的getter函数如果要接受参数的话，也是需要做处理的。简单来说，pinia是vueX的新版本，我们都知道Vuex在Vue2中主要充当状态管理的角色，所谓状态管理，就是一个存储数据的地方，存放在Vuex中的数据在各个组件中都能访问到，它是Vue生态中重要的组成部分。
Pinia
m0_68702564的博客
07-11 284
pinia的基本使用
pinia简单介绍与使用
鲸落鹿林
02-19 8052
依据Pinia官方文档，Pinia是2019年由vue.js官方成员重新设计的新一代状态管理器，更替Vuex4成为Vuex5。 1 pinia特点 兼容vue2和vue3版本 删除mutations 现不能与vuex 混用 支持插件扩展功能 支持模块热更新无需加载页面可以修改容器，可以保持任何现有的状态 更完美TS支持 支持服务端渲染 2 基本使用 首先我们先安装 npm install pinia 在main.js中引入pinia并创建容器挂载到根实例上 import { createPinia }
Pinia与Vuex
kane245的专栏
12-31 1320
pinia于2021年11月24日正式成为vuejs的一员，轻量级的状态管理库，主要特点在其管理存储数据的独特功能（可扩展性、存储模块组织、状态变化分组、多存储创建等）。 pinia2跟vuex4都是与vue3兼容 pinia安装 yarn add pinia@next # or with npm npm install pinia@next 设置为全局对象，在main.ts中引入 import { createPinia } from 'pinia' app.use(createPin
pinia 的使用（vue3）
chengtiandi的博客
03-03 1986
pinia 的使用 下载引入 pinia npm install pinia // main.ts (vue3 ) import { createPinia } from 'pinia'; app.use(createPinia()); 创建 store>index.ts 文件 import { defineStore } from 'pinia' // 主要的全局数据 main只是描述信息 export const useMainStore = defineStore('main', {
vue3+ts+vuerouter+pinia+elementplus+ts环境模板搭建及vite打包优化
05-12
vue3+ts+vuerouter+pinia+elementplus+ts环境模板搭建及vite打包优化vue3+ts+vuerouter+pinia+elementplus+ts环境模板搭建及vite打包优化vue3+ts+vuerouter+pinia+elementplus+ts环境模板搭建及vite打包优化vue3+ts+...
uni-app+Vue3+pinia+uview-plus搭建的项目包
12-28
uni-app+Vue3+pinia+uview-plus搭建的项目包！uni-app+Vue3+pinia+uview-plus搭建的项目包！uni-app+Vue3+pinia+uview-plus搭建的项目包！uni-app+Vue3+pinia+uview-plus搭建的项目包！uni-app+Vue3+pinia+uview-...
大事件管理系统（vue3）compositionAPI/pinia/pinia持久化处理
最新发布
05-22
这个名为"Vue3-big-event-admin"的项目就是一个基于Vue3的大事件管理系统，它充分利用了Vue3的最新特性，如Composition API和Pinia状态管理库，来提升开发效率和代码可维护性。让我们详细探讨一下这个系统中的关键...
Vue3 + Vite5 + Vue Router + Pinia + Element Plus 搭建的后台管理模版
04-03
Vue3 + Vite5 + Vue Router + Pinia + Element Plus 是现代前端开发中一套流行的组合，用于构建高效、可维护的后台管理系统。这套模板利用了最新版本的技术栈，旨在提高开发效率并提供良好的用户体验。 首先，Vue3...
Pinia（基本用法）
weixin_66909686的博客
01-26 1581
Pinia 是 Vue 的存储库，它允许您跨组件/页面共享状态
Pinia简介
m0_71477291的博客
01-02 400
Store(如Pinia)是一个承载全局状态的实体，每个组件都可以读取和写入它。因此，无论是显示在导航栏中的用户信息，还是需要通过页面保存的数据（例如一个非常复杂的多步骤表单），都可以存放在Pinia中。Pinia，起始于2019年11月左右的一个实验项目，是Vue.js的新一代状态管理器。在设计理念上，Pinia删除了mutations，不再支持与vuex混用，但支持插件扩展功能以及模块热更新。例如，可以在模板中使用。2.创建Store: 在Vue应用程序中创建一个Pinia Store。
菠萝来啦。新一代VueX 来啦 他有一个特别甜的名字“Pinia”，再不学你就out了【 Pinia/Vuex5中文文档】
qq_41978496的博客
04-02 2327
Pinia 是 Vue.js 的轻量级状态管理库，最近很受欢迎。它使用 Vue 3 中的新反应系统来构建一个直观且完全类型化的状态管理库。尤大明确表示了：“不会有vuex5，或者说pinia就是vuex5。pinia是vuex的维护者在决定vuex5风格的时候做的一个库，效果比预期的好，同时为了尊重作者，pinia也不会更名为vuex5”
Vue新一代状态管理工具—Pinia—都2023年了，快学起来吧！
一个前端开发者
01-09 692
总得来说，Pinia 就是 Vuex 的替代版，可以更好的兼容 Vue2，Vue3以及TypeScript。在Vuex的基础上去掉了+ pinia和vuex4一样，也是vue官方的状态管理工具(作者是 Vue 核心团队成员） + pinia相比vuex4，对于vue3的兼容性更好 + pinia相比vuex4，具备完善的类型推荐 + pin Mutation，只保留了 state, getter和action。Pinia拥有更简洁的语法， 扁平化的代码编排，符合Vue3 的 Composition api。
pinia简介
热门推荐
weCat_s的博客
12-24 2万+
pinia
pinia的基本使用和核心实现原理
小陈的博客
08-11 3925
vuex缺点：ts兼容性不好、命名空间的缺陷、只能有一个store、mutation和actionpinia 优点：ts兼容性好 、不需要命名空间，可以创建多个store、mutation删掉了pinia只具备以下几个属性，状态、计算属性、动作pinia大小也会更小巧一些actions里面有this问题，所以我们要处理actions的方法里的this般不用高级语法的话，可以直接写成对象格式也就是optionsStore，更符合类似于vuex的语法。...
vue使用pinia (vue2/vue3)
^_^
09-23 7471
​inia是什么？Pinia 是 Vue.js 的轻量级状态管理库 官方网站：Pinia 中文文档: 介绍 | Pinia 中文文档 pinia与vuex4 相同 是vue 官方 状态管理工具(作者是 Vue 核心团队成员） 是vue开发者工具支持pinia 不同 pinia相比vuex4，对于vue3的 兼容性 更好 pinia相比vuex4，具备完善的 类型推荐 => 对 TS 支持很友好 Pinia 的 API 设计非常接近 Vuex 5 的提案。 vuex只能有一个根级别的状态,
"hasInjectionContext" is not exported by "node_modules/vue-demi/lib/index.mjs", imported by "node_modules/pinia/dist/pinia.mjs". at ../node_modules/pinia/dist/pinia.mjs:6:9
07-25
打开 "node_modules/pinia/dist/pinia.mjs" 文件，并找到导入 "hasInjectionContext" 的位置。然后，尝试将导入语句修改为正确的路径或名称。 4. 如果以上方法都不起作用，可以考虑联系 "pinia" 或 "vue-demi" 的...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值