首页 > 其他分享 >pinia——vue3的状态管理工具

pinia——vue3的状态管理工具

时间:2024-03-20 16:45:18浏览次数:26  
标签:Vue2 vue3 管理工具 支持 pinia Vue3 Vuex

简介

Pinia 是 Vue 的专属状态管理库,它允许你跨组件或页面共享状态。

主要优点

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

标签:Vue2,vue3,管理工具,支持,pinia,Vue3,Vuex
From: https://www.cnblogs.com/meiyanstar/p/18085514

相关文章

  • VsCode中高效书写Vue3代码的插件
    Vue-Official(原Volar)就是原先的Volar,现已弃用。Vue-Official提供的功能:语法高亮:Vue-Official扩展可以为Vue单文件组件(.vue文件)中的HTML、CSS和JavaScript部分提供语法高亮,使代码更易于阅读和编写。代码片段:Vue-Official扩展提供了丰富的Vue.js相关的......
  • 【Vue3】组件通信以及各种方式的对比
    方式一:props「父」向「子」组件发送数据父组件:定义需要传递给子组件的数据,并使用v-bind指令将其绑定到子组件的props上。<template><child-component:message="parentMessage"/></template><scriptsetup>importChildComponentfrom'./ChildComponent.......
  • vue3 项目接入keycloak
    之前都是vue2项目接入keycloak,网上表较多资料参考,vue3得比较少记录一下。这个前端项目是jetlinks社区版。引入了 dsb-norge/vue-keycloak-js插件, https://github.com/dsb-norge/vue-keycloak-js,还是要看官方得文档、示例。1.官方提供得示例比较全,我需要得是vue3typescri......
  • Nuxt.js安装Pinia与pinia-plugin-persistedstate
    pinia安装安装npmi@pinia/nuxt添加到nuxt.config.tsexportdefaultdefineNuxtConfig({modules:['@pinia/nuxt'],})pinia-plugin-persistedstate安装安装pnpm:pnpmi-D@pinia-plugin-persistedstate/nuxtnpm:npmi-D@pinia-plugin-persiste......
  • vue3学习笔记
    1.创建一个vue3项目1.创建vueclinpminstall-g@vue/cli2.创建项目npmcreate<项目名称>开始敲代码啦!!!1.引用组件只需要import就可以了,因为使用了setup之后引用了就会被自动成为子组件了。2.声明数据ref用于声明基本数据类型reactive 用于声明对......
  • 九连冠!禅道再获2023年「常用测试管理工具」第一名
    近期,软件测试网(51Testing)发布了2023年第17届《2023软件测试行业现状调查报告》。 报告数据显示,禅道项目管理软件凭借41.5%的企业使用占比,以压倒性的优势稳居「2023公司常用测试管理工具」榜首。与2022年禅道36.5%的企业使用率相比,2023年禅道的使用率同比增长了5%,呈逐年上升趋势......
  • vite + vue3 + typescript 搭建
    1.安装node.js 下载地址:https://nodejs.p2hp.com/,安装好后,cmd输入node-v查看版本号,出现以下图版本号内容则安装成功2.安装vite(本步骤可省略)可先切换淘宝镜像 npmconfigsetregistryhttpsregistry.npm.taobao.org确保node安装好,输入 npminstall-gcreate-vite命......
  • Vue3 Slot—插槽全家桶使用详解
    插槽是什么插槽slot就是子组件中提供给父组件使用的一个占位符,用<slot></slot>表示,父组件可以给这个占位符内填充任何模板代码,填充的内容会自动替换<slot></slot>标签。插槽被分为三种:匿名插槽、具名插槽、作用域插槽。1、匿名插槽没有名字的插槽就是匿名插槽,组件可以放......
  • 6.零基础Nodejs快速入门——包管理工具
    包管理工具一、概念介绍1.1包是什么『包』英文单词是package,代表了一组特定功能的源码集合1.2包管理工具管理『包』的应用软件,可以对「包」进行下载安装,更新,删除,上传等操作借助包管理工具,可以快速开发项目,提升开发效率包管理工......
  • 项目管理工具JIRA--使用方法
    1.1项目(缺陷)管理工具禅道(ZenTao)、Mantis、BugFree、Bugzilla、QualityCenter、jira(鸡爪子)、Redmine、Effevo(搜狗)1.2功能自动化工具QTP:QuickTestProfessionalSelenium(Java、Python)1.3性能自动化工具LR:LoadRunnerJMeter1.4白盒工具Junit、JTest、C++TestJIRA是......