Pinia状态管理第6页

Reducer 和 Context实现简单的Redux

Reducer和Context的结合提供了一种简单而有效的状态管理解决方案，尤其适用于中小型React应用程序。它们消除了Redux中的一些模板代码和配置，使得代码更加简洁和易于理解。

雾岛听风来·2024-02-03 00:23

【React】react组件传参

组件传参一、props：父组件向子组件传参1、将普通的参数作为props传递2、将jsx作为props传递（组件插槽）二、自定义事件：子父组件向父组件传参三、context进行多级组件传参四、redux全局状态管理一

香菜啵子欸·2024-02-02 23:45

使用 vite、typescript、vue3、element-plus、pinia、vue-router、axios、tailwindcss 等技术搭建一个基本的项目模版

介绍使用vite、typescript、vue3、element-plus、pinia、vue-router、axios、tai

zhfy啊·2024-02-02 20:42

数据大屏项目Vue3+TypeScript+tailwindcss+Vite+DataV+Echart+pinia

主要的技术栈为Vue3、Vite、DataV、Echart、TypeScript、pinia、vue-router、tailwindcss等数据的接口使用的是163的接口，此项目使用到的数据可能存在误差

蹦哒·2024-02-02 20:41

搭建 vite + vue3 + ts + pinia 项目框架

一、创建项目安装vitenpmivite-g复制代码创建项目一步创建npm6.xnpmcreatevite@latestmy-vue-app--templatevue-tsnpm7+,extradouble-dashisneeded:npmcreatevite@latestmy-vue-app–--templatevue-tsyarnyarncreatevitemy-vue-app--templa

JackieChan_·2024-02-02 20:41

vue3+vite+ts使用pinia

你开心的样子我好喜欢·2024-02-02 20:41

vue3+vite+ts+pinia+windicss开箱即用脚手架

脚手架传送门项目整体采用vue3compositionapi+vite+pinia+vue-router+windicss+eslint+prettier+tslint希望大佬们看看有什么可以补充的

「已注销」·2024-02-02 20:11

我用前端【最新】技术栈完成了一个生产标准的项目【Vue3 + TS + Vite + Pinia + Windicss + NavieUI】

前言聊一下自己使用这些技术的一些体会与心得，不做具体的搭建过程了，说一下工程的设计思想与遇到了哪些问题。项目背景最近一直在忙一个EPR系统的开发，新项目之前团队的技术栈基本停留于Vue2+Js+Webpack+Vuex上，但是Vue生态其实已经可以说进入了次时代，虽然我个人其实不是很倡议盲目的去追赶新的框架，因为我觉得先把自己手头的技术掌握扎实才是重中之重，团队的同学绝大多数是一些基本的开发程序员

Coder HoMeTown·2024-02-02 20:10

vue3+ts+vite+pinia 项目搭建

1.起始，项目搭建yarn创建项目yarncreatevitepnpm安装依赖（如果没有可以用npm）//mac安装pnpmsudonpmi-gyarn//安装依赖pnpmi//启动项目yarndev//安装一下pretter和eslintpnpmiprettiereslinteslint-config-prettiereslint-plugin-prettiereslint-plugin-vue

hjseo_seg·2024-02-02 20:40

从零搭建Vue3 + Typescript + Pinia + Vite + Tailwind CSS + Element Plus开发脚手架

vue-ts-scaffold文章目录前言脚手架技术栈简介vue3TypeScriptPiniaTailwindCSSElementPlusvite详细步骤Node.js安装创建以typescript开发的vue3工程集成Pinia

偏安zzcoder·2024-02-02 20:09

【vue】Vuex 与 Pinia：Vue.js 状态管理库对比

vuex在后续的版本中可能要停止维护了，所以建议使用piniaVuex和Pinia都是Vue.js的状态管理库，它们都提供了集中式存储和管理应用程序状态的功能。

Aray阿伟·2024-02-02 19:51

React状态管理Zustand简单介绍和使用

Zustand是一个简单且轻量级的状态管理库，适用于React应用程序。它基于React的ContextAPI和Hooks，提供了一种简单的方式来管理共享状态。

KingDol_MIni·2024-02-02 19:54

基于Node.js+Vue3+MongoDB 实现企业门户管理后台

Vue3全家桶Node.jsExpress框架MongoDB数据库主要需求首页个人中心用户管理（管理员才有权限)产品管理新闻管理前端：Vue作为基础框架vue-router控制路由（hash模式）vuex状态管理

safe030·2024-02-02 18:15

树上有只程序猿·2024-02-02 13:16

Java Web 状态管理（下） Session基础

Session基础session是什么session的作用(也就第一个比较说人话点)session的实现原理注意从而得之session原理的小demo总结session是什么session是一种储存在服务端的对象，里面的内容通常也是以键值对（key-value）的形式存在。session的作用(也就第一个比较说人话点)用户身份验证和管理：Session在用户登录后可以保存用户的身份信息，标识用户的

罗不丢·2024-02-02 13:41

HarmonyOs鸿蒙--基础功能

@Extend组件状态管理装饰器1.@State组件内的状态管理2.@Prop从父组件单向同步状态（父组件传值到子组件之后，子组件可以随意修改，不会影响父组件）3.

fynn.g·2024-02-02 12:20

前端框架和组件库的区别与联系

框架通常包括了一系列的工具、库和规范，用于处理路由、状态管理、数据绑定、组件化等方面的问题。常见的前端框架有React、Vue和Angular等。

my烂笔头·2024-02-02 07:07

A Survey on Conversational Recommender Systems（2021）阅读笔记

由于CRS实现的是多轮对话，所以可以说这一任务显示或者隐式地实现了某种形式的对话状态管理①输入：Itreceivestheprocessedinputs,e.g.,therecognizedintents

xiaoyue_666·2024-02-02 07:03

golang网络编程day5

day5golangcookie实现记住我功能golangcookie实现购物车功能golangcookieCSRF防御应用golangsessiongolangsession用户身份验证应用golangsession应用程序中的状态管理

TOMOT77·2024-02-02 06:21

Pinia｜VUe的状态管理库

阅读收获阅读完本篇文章，你将会有以下收获：pinia是什么？有哪些优势？基本使用步骤。充分了解pinia核心概念state、getter、action。pinia如何实现数据持久化。

Judy1623·2024-02-02 01:08

C#定义异常处理类

学习来源：《CLRviaCbyJeffreyRichter》第四版，第20章异常和状态管理[Serializable]publicsealedclassException:Exception,ISerializablewhereTexceptionArgs

深渊！·2024-02-01 22:13

Vue3+TS+移动端-购物车实现详细步骤+项目优化

详情页面,三个不同的组件,要实现一个页面数据变化,另外页面数据跟着变化,那必须要使用vue中vuex,因为是vue3也可以使用piniavuex官网:https://vuex.vuejs.org/zh/pinia

前端进阶中·2024-02-01 17:59

React Router 完美教程（下）

我们书接上回，继续我们的ReactRouter路由之路：我们到目前为止都没有用到state、useEffect、redux等状态管理器。但也达到了我们的设计目的。

码蚁先生·2024-02-01 16:06

pinia---状态管理工具

state、actions、getters对ts支持好vuex和pinia区别1.Vuex`的核心概念有：`state`,`getters`,`mutations`,`actions`,`moudles

香香爱编程·2024-02-01 13:43

HTTP无状态协议和服务器端状态管理

关于HTTP和状态管理HTTP是一个无状态协议HTTP（HypertextTransferProtocol）是一个无状态协议，这意味着每个请求都是相互独立的，服务器不会保留之前请求的状态。

Gambler_Tu·2024-02-01 13:48

HttpSession

HTTP概述HTTP无状态协议和服务器端状态管理HttpSession一个用户有且最多有一个HttpSession，并且不会被其他用户访问到。

Gambler_Tu·2024-02-01 13:48

Vue3中Pinia使用详细介绍、pinia持久化存储(pinia-plugin-persistedstate详细配置)

目录一、pinia是干嘛的二、安装Pinia三、封装pinia四、定义store五、Store三个核心概念1、第一个核心概念State（1）使用state中的数据（2）直接修改state中的数据（3）$

一只大黑洋·2024-02-01 11:56

关于Redux的学习

关于Redux的学习一、什么是Redux二、如何使用Redux三、Redux的三个基本组成一、什么是Reduxredux是一个独立专门用于做状态管理的JS库(不是react插件库),它可以用在react

蛞蝓不孤寡·2024-02-01 10:19

Pinia和Vuex的区别

Vuex和Pinia都是Vue.js状态管理库，但它们有一些区别。1.架构设计：Vuex是Vue.js官方提供的状态管理库，而Pinia是由Vue作者维护的另一个状态管理库。

小吴吴吴呀·2024-02-01 10:37

vue 的100个为什么？---持续待更新

、什么是挂载，有几种挂载方式将组件渲染，并且构造DOM元素然后塞入页面的过程称为组件的挂载参考：https://www.html.cn/qa/vue-js/16913.html2、什么是prop在没有状态管理机制的时候

黄毛火烧雪下·2024-02-01 09:18

vue 仿el-table原理实现表格

其中涉及到的知识有JSX，render渲染函数，组件间的状态管理等等。出于好奇和挑战，在网上受教于el的源代码以及网上相关内容资料。完成了一个简单基础的table组件就叫sd-table吧。

shaoduo·2024-02-01 05:52

Python登录豆瓣并爬取影评

猪哥66·2024-02-01 04:35

自定义vue通用左侧菜单组件（未完善版本）

使用到的技术：vue3、pinia、view-ui-plus实现的功能：传入一个菜单数组数据，自动生成一个左侧菜单栏。菜单栏可以添加、删除、展开、重命名，拖动插入位置等。

不怕麻烦的鹿丸·2024-01-31 23:58

pinia使用持久化设置persist：true在app端无效

改成这种使用方式，不要改动getItem和setItem代码，是固定写法，我直接存储全部，如果要存部分数据可使用paths自行配置//persist:trueapp内无效persist:{storage:{getItem(key){returnuni.getStorageSync(key)},setItem(key,value){uni.setStorageSync(key,value)}}}我使

烂不烂问厨房·2024-01-31 20:13

数据预取和状态

接上篇管理头部Head内容官方文档很难看懂，可以通过一个实际需求来了解服务端渲染中的数据预取和状态管理需求：实现通过服务端渲染的方式来把异步接口数据渲染到页面中如果是纯客户端渲染，无非就是在页面发请求拿数据

翔子丶·2024-01-31 18:44

【Vite+Vue3+Ts+Pinia+Sass】从0到1项目创建（必备收藏）

项目创建网络问题，这里我用cnpm，遇到安装卡了不动的同学也可以使用cnpm安装命令npminstallcnpm-gcnpmcreatevite@latest//Projectname:»vite-project(项目名)选择第二项，回车使用Ts，回车创建完成，按顺序执行以下三步骤//Done.Nowrun:cd你的项目名cnpminstall//安装依赖cnpmrundev//运行项目安装sas

极致♀雨·2024-01-31 18:36

【Vite+Vue3+Ts】挂载全局store/pinia（全局方法）

state:()=>({lang:'en',}),actions:{},});新建插件piniaPlugin.tsimport{useCounterStore}from"@/store/index";//引入pinia

极致♀雨·2024-01-31 18:36

【Vite+Ts+Vue3+Pinia】使用i18n国际化简单配置

安装i18ncnpminstallvue-i18n--savesrc目录新建language文件夹并新建以下文件新建en.ts（英文）constmessages={home:{title:"BookStore",hint:"ComputerScienceAndSoftwareEngineering",guessYouLike:"GuessYouLike",},};exportdefaultmess

极致♀雨·2024-01-31 18:05

分享一个关于 Vue3+Pinia+Koa+Three.js 全栈电商的项目总结

前言前几天一个朋友去义乌旅游，带回来很多小商品，就是一整个物美价廉，但是为什么线下购物和网购有的时候差别这么大（网购经常要退换货啊），为此我萌生了一个想法，3D是不是就可以实现在线看商品的细节了，退换货这么麻烦是不是可以省省了一、项目概述这个项目是对义务购app的一个模仿，相对于其官方app，我新增的亮点如下：商品排列布局使用瀑布流布局实现3D看商品功能实现3D看义乌商贸城同时，基础功能如下：使用

前端达人·2024-01-31 17:14

Vue之状态管理的简单使用（事件总线（Event Bus），Vuex和若依前端示例）

文章目录Vue之状态管理的简单使用（事件总线（EventBus），Vuex和若依前端示例）Vue之事件总线（EventBus）的简单使用Vuex进行状态管理的简单使用若依前端代码store状态管理：Vue

黎明晓月·2024-01-31 13:07

信息搜集总结

whois可以查询什么信息注册信息中的域名所有者的邮箱和名字，域名注册时间，过期时间，注册中心以及当前注册状态管理员各种联系信息,包括管理员邮箱，电话，传真，各种名字[可以用来制作字典]目标技术的联系方式

君行路·2024-01-31 13:22

Vue3+webpack项目的vuex封装

Vuex是一个专为Vue.js应用程序开发的状态管理模式+库。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。

月影WEB·2024-01-31 13:53

React 面试题

的方式子组件传父组件：父组件将自身函数传入，子组件调用该函数，父组件在函数中拿到子组件传递的数据兄弟组件通信：找到共同的父节点，用父节点转发进行通信跨层级通信：使用contetx可跨域多层传递全局数据全局状态管理工具

MissXu666·2024-01-31 12:11

Flutter 开发中不可或缺的十大插件库

2.ProviderProvider是一个用于状态管理的轻量级库。它提供了一种简单而强大的方式来管理应

Zender Han·2024-01-31 12:17

Vue3组件通信详解(上)

vuex换成了pinia。把.sync优化到了v-model里面了。把$listeners所有的东西，合并到$attrs中了。$children被砍掉了。

还能救一下嘻嘻·2024-01-31 11:17

Vue3之vue-router、pinia

路由基础路由的基本使用编程式导航命名视图2.路由传参方式一：就硬写方式二：通过query和params带参数的动态路由3.路由守卫全局前置守卫路由独享守卫组件内的守卫如何在组件外面使用vue-router和pinia1

开longlong了吗？·2024-01-31 11:12

Vue（3）——VueRouter & Pinia

1.VueRouterVue通常只有一个html文件，这就是单页面应用。而在一个页面中实现多页应用的效果，关键就在于监测页面URL的变化，当URL发生变化，则在页面中渲染相应的内容。VueRouter作为官方路由管理器，能够帮助更快的构建单页面应用。1.1基本路由①在根目录里添加切换按钮：在根组件中引用vue-router提供给我们的RouterLink组件，来修改当前路由地址，以达到组件切换的效

jiangchubiu·2024-01-31 11:11

vue笔记（二）：vue router和pinia

pinia用于组件间共享数据，替代之前的vuex功能，成为新的官方推荐。

垃圾管理员·2024-01-31 11:39

AI告诉你如何快速入门VUE

2.学习Vue基础知识：Vue的核心概念包括数据绑定、组件化、路由、状态管理等。你可以通过阅读Vue官方文档来学习。3.实践：理论学习的同时，你需要通过编写一些简单的Vue应用来提高你的技能。

小嘤嘤怪学·2024-01-31 06:37

unity进阶学习笔记：单例模式

使用状态机可以更好进行状态管理和切换管理器用于完成一个特定游戏功能。如角色管理器，

Raine_Yang·2024-01-31 06:29

推荐频道

Pinia状态管理