Pinia状态管理

前端学习笔记 6：Pinia

前端学习笔记6：PiniaPinia是Vue的一个官方库，用于状态管理。1.安装首先创建一个Vue3项目，具体方式可以参考这里。
魔芋红茶·2024-01-11 23:26

Flink中的状态管理

一.Flink中的状态1.1概述在Flink中，算子任务可以分为有状态和无状态两种状态。无状态的算子任务只需要观察每个独立事件，根据当前输入的数据直接转换输出结果。例如Map、Filter、FlatMap都是属于无状态算子。而有状态的算子任务，就是除了当前数据外，还需要一些其他的数据来得到计算结果。这里的其他数据就是所谓的“状态”。例如聚合函数、窗口函数都属于有状态算子。1.2状态的分类1.2.1
- Hola -·2024-01-11 23:46

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

Flutter GetX 之 状态管理

上一篇文章为大家介绍了GetX的路由管理，让大家对GetX有了初步了解，今天为大家介绍一下GetX的状态管理。
王 哪跑！！！·2024-01-11 21:53

鸿蒙Harmony--状态管理器--@State详解

山海自有归期，风雨自有相逢！山鸟与鱼是不会同路的。勿在他人心中修行自己，勿在自己心中强求别人。往前走吧，风雨扑面乃是人生常态，聚散离合也不稀奇。吃咸一点看淡一点，毕竟一百年以后没有你也没有我！目录一，定义二，@State装饰器1，定义2，装饰器使用规则说明3，变量的传递/访问规则说明4，使用①简单使用②当装饰的数据类型为class或者Object时，可以观察到自身的赋值的变化，和其属性赋值的变化③
袁震·2024-01-11 20:59

鸿蒙Harmony--状态管理器--双向同步@Link详解

你这一生最重要的责任，就是保护好自己脆弱的梦想，熬过被忽略的日子，就轮到你上场了。如何解决大模型的「幻觉」问题？目录一，定义二，装饰器使用规则说明三，变量的传递/访问规则说明四，使用①简单使用②复杂类型的使用五，注意事项@Link装饰状态变量类型错误一，定义子组件中被@Link装饰的变量与其父组件中对应的数据源建立双向数据绑定。！注意：@Link装饰器不能在@Entry装饰的自定义组件中使用。二，
袁震·2024-01-11 20:59

鸿蒙Harmony--状态管理器--@Prop详解

纵横千里独行客，何惧前路雨潇潇。夜半浊酒慰寂寞，天明走马入红尘。且将新火试新茶，诗酒趁年华。青春以末，壮志照旧，生活以悟，前路未明。时间善变，可执着翻不了篇。时光磨我少年心，却难灭我少年志，壮士活古不活皮。加油。程序员必备的面试技巧目录一，定义二，装饰器使用规则说明三，变量的传递/访问规则说明四，使用1，简单使用2，装饰复杂类型3，@State和@Prop的同步场景4，父组件@State到子组件@
袁震·2024-01-11 20:57

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

HarmonyOS4.0系列——05、状态管理之@Prop、@Link、@Provide、@Consume，以及@Watch装饰器

状态管理看下面这张图Components部分的装饰器为组件级别的状态管理，Application部分为应用的状态管理。
Southern Wind·2024-01-11 12:20

Flutter状态管理Provider

链接：https://www.jianshu.com/p/93e97fd0f298Google2019I/O大会上被谷歌推荐，原本谷歌的provide被弃用，与大部分状态管理一样使用了InheritedWidget
zZ_d205·2024-01-11 11:38

使用 Vue 3 实现 基于身份的权限验证

在Vue3中，可以通过使用路由守卫和状态管理来实现基于身份的权限验证。
星空,二脚·2024-01-11 10:46

探索 Flutter 的 Provider：介绍与用法

引言在Flutter应用开发中，状态管理始终是一个核心话题。随着Flutter的不断发展，各种状态管理方案应运而生。Provider，作为一个轻量级且高效的状态管理库，在社区中获得了广泛的认可和使用。
Zender Han·2024-01-11 08:07

Harmony OS开发

HarmonyOS开发->TypeScript基础类型ArkTS是HarmonyOS开发的主力语言TypeScript是javaScript的一个超集ArkTS基于TypeScript语言，拓展了声明式UI，状态管理
澄绪猿·2024-01-11 05:31

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

Vue组件：Vuex的使用及简化使用，模块化命名空间

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

flutter的状态管理学习

文章目录1.flutterwidget分类2.代理组件又分为3.状态state数据4.刷新数据变化5.code1.flutterwidget分类组合渲染代理2.代理组件又分为Positioned向父组件传递数据InheritedWidget向子组件传递数据3.状态state数据状态就是用到了向子组件传递数据，并且需要刷新的时候刷新组件4.刷新数据变化获取并在改变的时候会导致刷新dependOnIn
yujunlong3919·2024-01-11 00:25

Pinia的简单使用

Pinia的简单使用）1.什么是Pinia？
梦禄·2024-01-10 18:53

Vue3-45-Pinia-定义全局状态的两种方式

Pinia的作用介绍Pinia是管理全局状态的工具。全局状态：我的理解，就是一个全局的变量，在项目内，所有的组件都可以使用它，对它进行读写操作。
NorthCastle·2024-01-10 18:46

vue3+uniapp+TS+Vite+uView-plus（uniapp-nutui）微信小程序模板搭建

vite.config.json文件修改四.uView-plus组件库加载1.安装依赖2.main.ts引入3.uni.scss中引入4.App.vue中首行的位置引入5.pages.json配置6.修改7.测试样式五.pinia
程序猿online·2024-01-09 19:15

【vue3中状态管理工具pinia的使用】pinia状态一（state）

1、安装yarnaddpinia//或者//npminstallpinia2、在main.js中引入store//引入piniaimport{createPinia}from'pinia'constpinia
吾乃冠军·2024-01-09 19:14

【vue3中状态管理工具pinia的使用】pinia状态二（getters）

import{defineStore}from'pinia';exportconstuseStore=defineStore('main',{//定义statestate:()=>{return{name
吾乃冠军·2024-01-09 19:14

【vue3中状态管理工具pinia的使用】pinia状态三（actions）

csdn关于pinia学习文章index.js有三个状态：state、getters和actions并且可以安全地假设这些概念等同于组件中的“数据”、“计算”和“方法”。
吾乃冠军·2024-01-09 19:41

Vue3项目实战开发

@TOC##Vue3项目实战开发一、技术栈说明技术栈为Vue3+Vite4+TypeScript+ElementPlus+Pinia+VueRouter等当前主流框架。
无处安放的波澜·2024-01-09 19:22

在React里面使用mobx状态管理详细步骤

1、安装MobX和MobXReact：在你的项目目录下运行以下命令安装MobX和MobXReact：npminstallmobxmobx-react2、创建MobXStore：创建一个用于管理状态的MobXStore。这个Store应该包含你希望全局管理的状态和相关的操作。以下是一个简单的示例：//store.jsimport{makeAutoObservable}from'mobx';class
T3165919332·2024-01-09 18:20

HarmonyOS应用开发之ArkTS语言学习记录

同时，提供了声明式UI、状态管理等相应的能力，让开发者可以以更简洁、更自然的方式开发高性能应用。
原来是好奇心·2024-01-09 14:36

HarmonyOS状态管理概述

状态管理概述在前文的描述中，我们构建的页面多为静态界面。如果希望构建一个动态的、有交互的界面，就需要引入“状态”的概念。
阿玮编程_·2024-01-09 14:35

React使用Valtio的hook实现响应式状态管理

Valtio是一个轻量级的库，可以在前端应用程序中管理状态。它的使用方式非常简单直观，让我们能够轻松跟踪和更新应用程序的状态，并且无需手动处理组件重新渲染的逻辑。假设我们正在构建一个社交媒体应用，我们想要追踪用户的信息、主题设置以及未读通知的数量。首先，我们需要创建一个状态对象，我们可以称之为appState，并使用Valtio的proxy函数来将其转换为可变对象。这样，我们就可以直接修改状态字段
kuilaurence·2024-01-09 14:04

使用命令行方式搭建uni-app + Vue3 + Typescript + Pinia + Vite + Tailwind CSS + uv-ui开发脚手架

使用命令行方式搭建uni-app+Vue3+Typescript+Pinia+Vite+TailwindCSS+uv-ui开发脚手架项目代码以上传至码云，项目地址：https://gitee.com/breezefaith
偏安zzcoder·2024-01-09 14:01

HarmonyOS应用开发学习笔记 应用上下文Context 获取文件夹路径

应用开发学习笔记ets组件生命周期4、HarmonyOS应用开发学习笔记ets组件样式定义@Styles装饰器：定义组件重用样式@Extend装饰器：定义扩展组件样式5、HarmonyOS应用开发学习笔记state状态管理概述
木子102·2024-01-09 11:01

HarmonyOS应用开发学习笔记 UIAbility组件与UI的数据同步 EventHub、globalThis

应用开发学习笔记ets组件生命周期4、HarmonyOS应用开发学习笔记ets组件样式定义@Styles装饰器：定义组件重用样式@Extend装饰器：定义扩展组件样式5、HarmonyOS应用开发学习笔记state状态管理概述
木子102·2024-01-09 11:55

Vue3-44-Pinia- 安装步骤

介绍本文介绍在vue3中安装Pinia的步骤安装步骤1、npm安装npminstallpinia》安装完成后可以看到package.json中添加了pinia的依赖信息2、main.ts中配置//引入vue
NorthCastle·2024-01-09 09:27

HarmonyOS应用开发学习笔记 UIAbility组件间交互 UIAbility启动，页面跳转结果回调

应用开发学习笔记ets组件生命周期4、HarmonyOS应用开发学习笔记ets组件样式定义@Styles装饰器：定义组件重用样式@Extend装饰器：定义扩展组件样式5、HarmonyOS应用开发学习笔记state状态管理概述
木子102·2024-01-09 08:50

小赢科技面试题

使用场景：2.pinia和vuex的区别3.v-if和v-show4.forin和forof
越来越好的月·2024-01-09 03:05

vue3的撤销与重做

实现步骤通过pinia来存储历史记录数组(arr)、目前页面所展示的对应的索引(index)、现在是否要生成快照(isSnapshot)，作用是防止撤销重做的时候也会添加快照，因为撤销重做的时候会触发watch
清缓存试试·2024-01-09 01:27

codemirror报错 Uncaught TypeError: Cannot read properties of undefined (reading ‘map‘)

原因由于我用了pinia去存储codemirror的对象，获取使用时codemirror对象变成了proxy对象，没有用真正的codemirror对象。
清缓存试试·2024-01-09 01:27

react使用recoil进行全局状态管理 + axios进行网络请求

我们尝试使用recoil进行全局状态管理以及axios进行网络请求。
shadow fish·2024-01-08 18:29

React-Hoc高阶组件与css-in-js技术

HOC可以用于在不修改原始组件的情况下，为组件添加额外的功能，例如对组件进行状态管理、将共享的逻辑抽象出来、处理权
揣晓丹·2024-01-08 16:47

Vue3+TS+ElementPlus的安装和使用教程【详细讲解】

随着前端的日月更新，技术的不断迭代提高，如今新vue项目首选用vue3+typescript+vite+pinia+……模式。
SwJieJie·2024-01-08 15:47

深入理解Redux

具体的讲解可以参考文档：Redux中文文档Redux是一个状态管理工具，用来管理应用中的数据。
鬼魅汐·2024-01-08 14:22

【VUE】watch 监听失效

watch(()=>chatStore.dataSources,(oldValue,newValue)=>{//监听执行逻辑},{deep:true})嗯，我就是改成了深度监听解决的问题，其中我监听的对象是pinia
梦染(°ー°〃)星尘·2024-01-08 12:41

五、Vue3状态管理[pinia]

一、pinia解释：伴随vue2到vue3的升级，官方已经用Pinia代替了Vuex成为官方的状态管理库，Pinia对ts的支持更好，更适合大型项目的开发1.安装npminstallpinia2.配置main.tsimport
黑日里不灭的light·2024-01-08 08:07

hasInjectionContext“ is not exported by “node_modules/pinia/node_modules/vue-demi/lib/index.mjs“

报错原因：初步判断是pinia版本与vue版本的兼容问题第一次修改：“hasInjectionContext”报错，所以搜索语法后，使用“inject”进行替换。效果不好。
风乘雨·2024-01-08 08:27

解决pinia报hasInjectionContext问题

今天重新安装了下pinia发现项目运行打印hasInjectionContext找不到的问题，去官网看了眼发现2.1版本的pinia需要vue3.3以上的版本支持。
zzcmaple·2024-01-08 08:26

“hasInjectionContext“ is not exported by “node_modules/vue-demi/lib/index.mjs“, imported by “node_mo

使用uniapp开发的微信小程序，技术栈使用的vue3+ts+uview-plus+pinia开发的，环境安装依赖没有问题，但是启动的时候报错："hasInjectionContext"isnotexportedby"node_modules
1024小神·2024-01-08 08:53

Springcloud、Nacos 服务注册、负载均衡Ribbon、http客户端Feign

它提供了微服务开发所需的配置管理、服务发现、断路器、智能路由、微代理、控制总线、全局锁、决策竞选、分布式会话和集群状态管理等组件。最重要的是,基于SpringBoot,会让开发微服务架构非常方便。
J丶DEMON灬仙域·2024-01-08 06:45

创建Vite+Vue3+TS基础项目

npmcreatevitevue3练习2----templatevue-tsnpmivue-routeraxios-Snpmimockjsvite-plugin-mock-D静态路由运行npmrundev配置动态路由安装并配置pinia
痴心阿文·2024-01-08 00:04
上一页 8 9 10 11 12 13 14 15 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他