pinia

Vue利用pinia来完成组件之间的数据共享，可持续化存储要点总结和部分代码

//pinia的使用简单来说就是在一个文件里面写好对应的数据和逻辑代码（js代码),然后在需要的vue组件中import{mapState,mapActions}from'pinia'和importStorefrom
- 瑾♛年·2024-01-24 06:46

知识笔记（九十四）———vue3中的菠萝能吃吗？

开个玩笑，这里说的菠萝不是吃的，是vue3中的状态管理器(pinia)Vue3Pinia使用在学习Vue2的一定都知道，在vue2版本中，如果想要使用状态管理器，那么一定是集成Vuex，首先说明一点，Vuex
瑞崽崽崽·2024-01-24 01:18

Vue3:状态管理-Store(Vuex,Pinia)

Vuex和Pinia的区别Vuex：1.由state,getters,mutations,actions,modules组成2.通过mutations修改state
梦雨生生·2024-01-23 19:56

vue2(Vuex)、vue3(Pinia)、react(Redux)状态管理

vue2状态管理VuexVuex是一个专为Vue.js应用程序开发的状态管理模式。它使用集中式存储管理应用的所有组件的状态，以及规则保证状态只能按照规定的方式进行修改。State（状态）:Vuex使用单一状态树，即一个对象包含全部的应用层级状态。这个状态树对应着一个应用中的所有状态。Getters（获取器）:Getters允许你在模板中计算状态。相当于组件中的计算属性。可以对state中的数据进行
又又爱拍照·2024-01-23 17:53

前后端分离，使用vue3整合SpringSecurity加JWT实现登录校验

前端使用vue3进行构建，用到了element-plus组件库、axios封装、pinia状态管理、Router路由跳转等技术。后端还是springboot整合springs
张乔24·2024-01-23 12:33

初识pinia

什么是pinia？
此恨无穷·2024-01-22 15:45

学习Redux：React状态管理的简明指南

一、Redux介绍Redux是React最常用的集中状态管理工具，类似于Vue中的Pinia（Vuex），可以独立于框架运行作用：通过集中管理的方式管理应用的状态为什么要使用Redux？
秋の本名·2024-01-22 11:37

pinia 的使用方法

使用方式（选项式）1、在mian.js导入pinia里的createPinia函数。2、app.use这个createPinia函数的返回值。
岛泪·2024-01-22 05:05

2024 年 Vue.js 会发生什么

有了这个里程碑，预计组合API、Pinia、可组合项和TypeScript今年将在Vue
独立开发者张张·2024-01-21 07:32

2024 年 Vue.js 会发生什么?

有了这个里程碑，预计组合API、Pinia、可组合项和TypeScript今年将在Vue
这我可不懂·2024-01-20 14:08

vue3.2 + vite + ts + vue-router4 + pinia + elementPlus + echarts5 项目初始化

vue3.2+vite+ts+vue-router4+pinia+elementPlus+echarts5项目初始化一.项目搭建全局安装pnpm,安装命令为注意:安装pnpm,node的版本号要大于V14.19.0npmipnpm-g
喜欢电影的小子·2024-01-20 13:50

uniapp vue3 vscode快速开发配置 使用 pinia 持久化数据，数据加密，unocss

UniappVue3/ViteTypescript命令安装文档npxdegitdcloudio/uni-preset-vue#vite-tsmy-vue3-projectgitee模板下载vscode快速开发插件uni-create-view快速创建uniapp视图与组件!配置@ext:mrmaoddxxaa.create-uniapp-viewuni-helperuniapp代码提示uniapp
潇、然·2024-01-19 15:25

什么是Pinia，它是如何工作的

Pinia与Vuex类似，但是它采用了更现代的API和一些更好的实践。Pinia将状态分为两类：响应式状态和非响应式状态。
黑狼传说·2024-01-19 15:46

vue：状态管理库及其部分原理（Vuex、Pinia）

1、为什么要用状态管理库？多组件的状态共享问题：当多个组件需要访问和修改相同的数据时，我们需要在组件之间传递props或者使用事件总线。当，应用就会变得难以维护和调试。多组件状态同步问题：当一个组件修改了状态，其他组件可能无法立即得知该变化。状态变更的追踪问题：无法追踪到状态的变化是由何处引起的，使得调试和维护变得困难。2、Vuex2.1、核心概念2.1.1、State：用于存储应用程序的状态数据
大佬，咋整啊·2024-01-19 15:45

vue3+ts +pinia 自己记录的 写的乱

1，父传子constprops=defineProps({type:{default:'edit',type:String,},});标签vue3（中没有this）父子组件传参单个父子传参子组件多个父子传参用v-model可以直接更改子组件的数据useAttrs可以获取父组件传参的所有内容事件也能接收到使用或者不用：type直接用：useAttrs和defineprops不能用时使用props的优
又是取名的一天·2024-01-19 15:47

学习Redux：React状态管理的简明指南

学习Redux：React状态管理的简明指南一、Redux介绍Redux是React最常用的集中状态管理工具，类似于Vue中的Pinia（Vuex），可以独立于框架运行作用：通过集中管理的方式管理应用的状态为什么要使用
csdn小瓯·2024-01-19 01:32

15分钟学会Pinia

Pinia核心Pinia介绍官方文档：pinia.web3doc.top/WhatisPinia?Pinia是一个状态管理工具，它和Vuex一样为Vue应用程序提供共享状态管理能力。
聪明的竹子·2024-01-18 20:49

vue3+vite+ts+pinia 后台管理项目总结

前言近期准备面试中，觉得项目经验这里还需要再次总结，也参考了很多jym的文章，在这里如果发现有引用且介意，请联系我VUE3+VITE+TS项目中的要点使用vue3+vite+ts构建项目基础框架，配置代码运行环境,对项目进行模块化划分,并集成element组件库、axios请求库；利用axios拦截器实现了权限校验,对系统的登入权限进行控制,避免了无效请求；利用vue-router路由钩子函数实现
子伟-H5·2024-01-18 17:15

pinia的独立维护，统一导出及持久化

目录1.说明及示例2.注意1.说明及示例在src下创建store文件夹，在store文件夹下创建index.js文件，内容如下：import{createPinia}from"pinia";//pinia
linab112·2024-01-18 05:17

vue3代码运行报错import { hasInjectionContext, inject, toRaw, watch, unref, markRaw, effectScope, ref,

0.14.6_vue@3.2.47/node_modules/vue-demi/lib/index.mjs”forimport“hasInjectionContext”node_modules/.pnpm/pinia
回忆哆啦没有A梦·2024-01-17 21:26

Vue3使用Pinia获取全局状态变量

Pinia是Vue3的状态管理库，用于替代Vuex。使用Pinia，你可以轻松地在Vue3应用中管理全局状态。
无妄的罪·2024-01-17 08:06

017-Vue-尚硅谷2023：

1.2前端工程化实现技术栈前端工程化实现的技术栈有很多,我们采用ES6+nodejs+npm+Vite+VUE3+router+pinia+axios+Element-plus组合来实现ECMAScript6VUE3
清风微凉 aaa·2024-01-17 06:31

基于Python的汽车信息爬取与可视化分析系统

其中，采用了PythonDjango框架和Scrapy爬虫技术实现数据的抓取和处理，结合MySQL数据库进行数据存储和管理，利用Vue3、Element-Plus、ECharts以及Pinia等前端技术实现了丰富的数据可视化展示和用户交互功能
沐知全栈开发·2024-01-17 05:43

vue3动态路由搭建方法

因为动态路由对权限的划分是一个最有效的解决方法，下面我们就开始搭建一个动态路由的项目，使用技术是vite+ts+vue3+pinia+mock,mock主要用于模拟请求接口之后的处理，更接近实际项目2、
hymuuuu·2024-01-17 04:07

❤ Vue3 完整项目太白搭建 Vue3+Pinia+Vant3/ElementPlus+typerscript（一）yarn 版本控制 ltb (太白)

❤项目搭建一、项目信息Vue3完整项目搭建Vue3+Pinia+Vant3/ElementPlus+typerscript（一）yarn版本控制项目地址：二、项目搭建（1）创建项目yarncreatevite
林太白·2024-01-16 22:10

vue3项目解决pinia报错：getActivePinia was called with no active Pinia. Did you forget to install pinia?

报错：原因：是pinia在main.ts中还未注册好，便在其他文件中使用了它。
元仙僧·2024-01-16 19:45

vue3-Pinia

mutation)2.提供符合组合式风格的API（和Vue3新语法统一）3.去掉了modules的概念，每一个store都是一个独立的模块4.搭配TypeScript一起使用提供可靠的类型判断2.添加pinia
是老虎是狮子不是大象·2024-01-16 03:32

Vue3-47-Pinia-修改全局状态变量值的方式

说明修改全局状态变量的值，是一个比较常规而且常见的操作。本文就介绍四种常见的操作。由于OptionStore和SetupStore在修改的时候略有不同，所以本文也会将不同点体现一下。全局状态变量的定义包含了OptionStore和SetupStore两种定义方式；在下面的修改操作中会根据这两种不同的定义来分别阐述。//导入defineStoreAPIimport{defineStore}from'
NorthCastle·2024-01-14 18:49

Vue3-46-Pinia-获取全局状态变量的方式

使用说明在Pinia中，获取状态变量的方式非常的简单：就和使用对象一样。使用思路：1、导入Store；2、声明Store对象；3、使用对象。
NorthCastle·2024-01-14 18:16

＜script setup＞中pinia的使用

1.安装Pinia：首先，在你的Vue3项目中安装Pinia。你可以使用npm或者yarn来安装Pinia。
HWL5679·2024-01-14 16:09

Vue3 store仓库数据间流转 Vuex4 + Pinia

上文讲了vue2数据流转处理的方法这文讲讲vue3Vuex在Vue3中可以使用Vuex4来进行状态管理和存取数据。1创建一个store实例//store.jsimport{createStore}from'vuex';conststore=createStore({state(){return{data:null//初始化数据为空};},mutations:{//操作数据setData(state
月下绯烟·2024-01-14 10:20

2024年1月10日

1Pinia和Vuex的区别支持选项式api和组合式api写法pinia没有mutations，只有：state、getters、actions（state是一个对象返回一个对象和组件的data是一样的语法
爱猪头的程序猿·2024-01-14 06:21

提升技术，必看的8个开源库，都很通俗易懂

Pinia很多人都知道这个库，一个Vue的状态管理库，可以学学如何在Vue中去做状态管理，其实Pinia就是依赖了Vue的API——effectScope。并且Pinia的源码
诸葛亮的芭蕉扇·2024-01-14 01:14

Vue学习计划-Vue3--核心语法（八）组件通信

vuex换成了pinia。把.sync优化到了v-model里面了。把$listeners所有的东西，合并到$attrs中了。$children被砍掉了。
化作繁星·2024-01-13 22:12

Vue学习计划-Vue3--核心语法（七）pinia

pinia案例gitee地址1.pinia准备一个效果【搭建pinia环境】安装pinia:npminstallpinia/yarnaddpinia第二步：操作src/main.tsimport{createApp
化作繁星·2024-01-13 22:41

Vue3 不同版本的Pinia如何做持久化存储

不同版本的pinia支持的存储插件不同，高/低版本的持久化存储插件整合如下，都是我实践过的，请放心使用。
HaushoLin·2024-01-13 18:18

Pinia 踩坑记录

1、子store中如何使用router以user.ts这个store为例错误写法//说明：不能使用插件实例化router，否则获取不到router的函数//错误写法如下：import{useRouter}from"vue-router"actions:{login(){constrouter=useRouter()//不信你在这里打印router，最终得到的值是undefinedconsole.l
HaushoLin·2024-01-13 18:18

Pinia store如何做模块化

1、没安装pinia的先安装npmipinia或yarnaddpinia2、在src下创建store文件夹(1)、创建store根文件index.ts作用：所有store只需实例一个pinia，导出给main.ts
HaushoLin·2024-01-13 18:10

使用pinia定义store的state属性和actions方法重名导致调用时出现is not a function异常

目录问题现象解决方法问题现象一个很低级的错误。不过表现的很奇怪。直接跳转到这个页面时会提示下面的错误，但是按F5刷新页面，又可以调用actions中的方法获取到服务端的数据store的定义如下。state的属性和actions的方法都是permissionsexportconstUserStore=defineStore('user',{state:()=>{return{permissions:
尘烟生活家·2024-01-13 08:11

如何实现网页当前页面刷新功能

类似于这样的页面实现思路如下：首先我们在pinia中定义一个刷新状态的字段，点击按钮的时候，改为相反的值对主页面的路由跳转Router-view绑定一个v-if,它绑定一个自定义的一个响应的参数，我们在主页面监听
EntyIU·2024-01-12 23:33

Vue3 中使用 Vuex 和 Pinia 对比之 Pinia的用法

本文承接上一篇Vue3中使用Vuex和Pinia对比之Vuex的用法与Vuex相比，如果你觉得Vuex比较麻烦的话，那么Pinia提供了更简单的API，具有更少的操作，简单理解一下，就是相当于把Vuex
爱问的艾文·2024-01-12 20:04

【开源】类似创客贴图片编辑器的项目及前端组件

yft-design:基于fabric.js的图片设计，使用Vue3+TypeScript+fabric.js+pinia+element-plus+pwa，支持文字、图片、形状、线条、二维码、条形码几种最常用的元素类型
我是Superman丶·2024-01-12 18:06

前端学习笔记 6：Pinia

安装Pinia：npminstallpinia创建一个pinia实例(根store)并将其传递给应用：import'.
魔芋红茶·2024-01-11 23:26

vue3+ts+vite项目从0 搭建，配置安装router/pinia/element-plus/scss等

一、安装vite环境官网：https://cn.vitejs.dev/guide/why.htmlnpminitvite1.选择vue2.选择typescipt3.创建成功默认项目结构如下4.安装项目依赖npminstall5.启动项目npmrundev二。安装配置scss1.运行安装scssnpminstall-Dsasssass-loader@^10style-loadercss-loader
葫芦娃y·2024-01-11 23:09

Vue3+Pinia实现持久化动态主题切换

PC端主题切换大家都用过，下面用Vue3+Pinia实现一下这个过程;【源码地址】1、准备工作npminstallpinianpminstallpinia-plugin-persist2、基础配置//main.jsimport
领秀5858·2024-01-11 22:17

Vue3 中使用 Vuex 和 Pinia 对比之 Vuex的用法

本文基于Vue3的compositionAPI来展开Vuex和Pinia的用法比较Pinia传送门Vuex传送门Vuex状态管理的核心概念状态-驱动应用的数据源；视图-以声明方式将状态映射到视图；操作-
爱问的艾文·2024-01-11 20:48

Vite2 + Vue3 + TypeScript + Pinia 搭建一套企业级的开发脚手架【值得收藏】

哈喽,大家好我是xy‍。从我最初接触vue3版本到现在已经有一年的时间。由于vue3.2版本的发布，的实验性标志已经去掉，已经陆陆续续有不少公司开始使用vue3.2开发项目了。这篇文章就来帮助大家如何快速使用vue3.x，typeScript，vite搭建一套企业级的开发脚手架。废话不多说，直接上手开搞搭建前准备Vscode:前端人必备写码神器Chrome：对开发者非常友好的浏览器(反正我是很依赖
前端开发爱好者——·2024-01-11 17:25

Vite+vue3+Ts+pinia开发（四：SCSS、Axios以及别名@的使用）

首先你完成了如下：Vite+vue3+Ts+pinia实战（一：初始、基础安装、踩坑）Vite+vue3+Ts+pinia开发（二：路由、pinia、UI库安装）Vite+vue3+Ts+pinia开发
邪七·2024-01-11 13:34

vue3+TS+pinia+cookies+axiox 实现简单登录的持久化

目录完整项目请访问一.各页面完整代码1.浏览器缓存相关设置2.pinia状态管理应用3.request请求/响应拦截4.路由守卫5.登录页代码6.header登录部分代码二.部分代码截取1.login登录页
程序猿online·2024-01-11 05:06

vue3 +TS 安装使用pinia状态管理

目录一.安装1.下载安装依赖2.创建src/stores/index.ts文件3.创建src/stores/states.ts文件4.创建src/stores/interface/index.ts文件5.修改main.ts6.目录结构如下7.测试使用8.去到首页点击按钮，打开控制台查看一.安装1.下载安装依赖npminstallpinia2.创建src/stores/index.ts文件impor
程序猿online·2024-01-11 05:34
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他