Reactive 第25页

Reactive Extensions入门(5)：ReactiveUI MVVM框架

从前面几篇文章可以了解到，Rx作为LINQ的一种扩展，极大地简化了异步编程。但Rx的用法不仅如此，由于其可高的扩展性，在其他很多方面也有所应用。在前面例子中，我们使用代码和UI界面上的元素打交道，这种方式在传统的Winfom编程中很常见，但是在基于XAML构造的界面这种应用程序中，这样显得不是非常友好，XAML中声明式编程可以使得程序更加简洁，传统的方式没有利用到XAML中强大的绑定功能。之前，我

weixin_34138139·2023-08-15 00:52

Reactive 简介

来源：Reactive简介-Java研发军团1、概念Reactive非常适合低延迟、高吞吐量的工作负载。

gb4215287·2023-08-15 00:15

什么是Reactive服务架构

介绍：在javaweb开发领域，区别于传统的的同步服务架构（底层实现基于同步阻塞IO模型），异步服务这个“新词”（bushi）在不断被提及和重视，不少公司的研发部门也开始在尝试对自己的业务系统进行异步化改造。为了实现和简化异步服务的编程难度，新的编程模式被创造出来，reactivepromgraming(中文被翻译成响应式编程模式)，对应的开源实现也有不少，RxJava、ProjectReacto

'煎饼侠·2023-08-15 00:41

Reactive UI -- 反应式编程UI框架入门学习（一）

反应式编程反应式编程是一种相对于命令式的编程范式，由函数式的组合声明来构建异步数据流。要理解这个概念，可以简单的借助Excel中的单元格函数。上图中，A1=B1+C1，无论B1和C1中的数据怎么变化，A1中的值都会自动变化，这其中就蕴含了反应式/响应式编程的思想。反应式编程对于数据的处理不关心具体的数据值是多少，只要构建出数据的函数式处理，就能并行的异步处理数据流。ReactiveUIReacti

sinat_40572875·2023-08-15 00:39

vue3中使用component动态组件常见问题

vue3中使用动态组件问题警告处理1.代码如下importCom1from'@/components/xxxx'importCom2from'@/components/xxxx'constnavItem=reactive

qq_28710983·2023-08-14 05:13

初学vue3时应该注意的几个问题

reactive用于声明Object,Array,Map,Set;ref用于声明String,Number,Boolean使用reactive来声明基础数据类型（String,Number,Boolean

dralexsanderl·2023-08-13 09:42

Vue3 ：组合式写法入门

Vue3：组合式写法入门Date:May11,2023Sum:使用create-vue搭建Vue3项目、组合式API-setup、reactive和ref、computed、watch、生命周期函数、父子通信

CaptainDrake·2023-08-12 18:59

2022-08-12 vue3 组合式api setup 模板

代码import{ref,reactive,nextTick,getCurrentInstance,onBeforeMount,//挂载之前onMounted,//挂载之后onBeforeUpdate,

文也·2023-08-12 17:36

vue3echarts展示

import{defineComponent,toRefs,reactive,getCurrentInstance,ref,onMounted,markRaw,}from"vue";import*asechartsfrom"echarts

·2023-08-12 12:39

ref、reactive、toRef、toRefs

value,直接{{xxx}}接收的数据：基本类型、对象类型基本类型的数据：响应式是靠object.defineProperty()的get与set完成的对象类型的数据：通过vue3.0的一个新函数–reactive

·2023-08-12 12:08

(el-Form)操作(不使用 ts)：Element-plus 中 Form 表单组件校验规则等的使用

Element-plus自提供的Form代码情况为(示例的代码)：//Element-plus自提供的代码：//此时是使用了ts语言环境，但是我在实际项目中并没有使用ts语言和环境；SubmitResetimport{reactive

狮子座的男孩·2023-08-12 09:06

Vue2的defineProperty与Vue3的proxy对比

Vue3中有两种实现响应式数据的方式：reactive响应式数据是使用proxy实现，不用重写对象的每个属性的get、set方法，只对该对象的访问整体做一层拦截，从而

Vivqst·2023-08-12 05:37

vue3的ref，unref，reactive，toRefs，toRef

ref函数，接受一个初始值并返回一个响应式且可变的ref对象。ref对象仅有一个value属性，指向该初始值constcount=ref(0)console.log(count.value)//0count.value++console.log(count.value)//1unref函数，参数是ref，则返回参数的value，否则直接返回参数本身constcount=ref(2)unref(co

Vivqst·2023-08-12 05:36

@八度余温·2023-08-11 22:51

vue3 Hooks 封装loading使用

在特定时机执行的函数之前不理解Hooks和自定义封装的utils函数有什么区别，它们都是函数，逐步理解到utils函数没有vue里面的响应式api，而自定义Hooks可以使用响应式api，比如：ref、reactive

qq_37656005·2023-08-11 20:10

Pinia从入门到精通

如果你熟悉组合式API的话，你可能会认为可以通过一行简单的exportconststate=reactive({})来共享一个全局状态。

佐武·2023-08-11 16:45

Vue响应式 proxy以及组件传值

4、Vue3响应式由于reactive可以直接修改Proxy代理constp=newProxy(person,{})Reflect.get//读数据Reflect.set//改数据constp=newPrxoy

多敲代码手会瘦（佳）·2023-08-11 15:40

vue3 祖孙组件通讯传值 provide 与 inject 以及响应式数据的判断

选项来开始使用这些数据写法：1在祖组件中写入provide（‘传递的变量名’，自定义变量名）2在孙组件中写入inject（‘接收的传递的变量名’）代码演示记得导入provide祖组件文件中import{reactive

小刘先生很努力·2023-08-11 15:08

Vue3中响应式数据代理原理Proxy

Vue3中使用响应式数据Vue3使用响应式数据需要通过ref与reactive{{num}}buttonimport{defineComponent,reactive,ref}from"vue";exportdefaultdefineComponent

杰尼龟、·2023-08-11 15:37

vue3组件传值 reactive赋值响应式失效问题

问题在进行父子组件传值或者在当前使用reactive()重新给属性赋值的时候会发现数据在页面中不是响应式了。

A_Brave·2023-08-11 15:07

Vue3.2 provide inject 祖孙组件传值，响应式

介绍vue3.2中provide和inject的用法和vue2中用法相似；只不过在vue3.2中为了增加响应式数据的处理，我们可以在定义值的时候使用ref或者reactive;在这里，由于我要传递的数据较多

发呆的薇薇°·2023-08-11 15:07

vue3 基础响应式和传值问题

1.refreactive需要响应式的情况下，使用refreactive（proxy）（1）基本数据类型一般用ref，例如数字、布尔、字符串，利用.value调用（2）reactive的值必须是引用类型的

大嘴猴..·2023-08-11 15:37

Vue3 —— reactive 全家桶及源码学习

该文章是在学习小满vue3课程的随堂记录示例均采用，且包含typescript的基础用法前言上一篇学习了ref全家桶，在此基础上一起学习下reactive全家桶一、reactive对比refref可以接收所有类型

Unique·Blue·2023-08-11 13:30

vue3组合式api单文件组件写法

一，模板部分查询查询查看取消确定二，js逻辑部分import{ref,reactive}from"vue";import{queryCommand,getCommand}from"@/api/emergencyResponse

一杯清酒.·2023-08-11 09:36

el-table合并单元格 vue3

state.rowMergeArrs=rowMergeHandle(state.needMergeArr,data));//:span-method="arraySpanMethod"conststate=reactive

Time202051·2023-08-11 06:28

vue3中使用jsx/tsx写ElMessageBox嵌套ElSelect、ElInput、ElDatePicker

-简单的//绑定参数constpageData=reactive({statusValue:null})//更改设备状态弹窗constopenDialogChangeStatus=(ids:number

fyonecon·2023-08-11 06:29

vue3多条件搜索功能

admin-element框架中如何实现一个顶部多条件搜索功能一、首先需要在vue页面的中写入对应的结构搜索二、其中searchParam是我定义的需要搜索的字段//搜索字段constsearchParam=reactive

smallmww·2023-08-11 05:12

Vue3核心笔记

.源码的升级3.拥抱TypeScript4.新的特性一、创建Vue3.0工程1.使用vue-cli创建2.使用vite创建二、常用CompositionAPI1.拉开序幕的setup2.ref函数3.reactive

人间凡尔赛·2023-08-10 22:26

利用Taro的Swipe封装的轮播组件

true:false">import{watch}from'vue';import{reactive}from'vue';constprops=defineProps(

T_guo·2023-08-10 21:06

vue3 - 使用reactive定义响应式数据进行列表赋值时，视图没有更新的解决方案

，问题2，原因3，解决方案一、再封装一层数据，即定义属性名，在后期赋值的时候，对此属性进行直接赋值三、使用数组的`splice`来直接更改原数组三、使用ref来定义数据1，问题在Vue3.0中我们使用reactive

C_心欲无痕·2023-08-10 15:14

Vue3 —— ref 全家桶及源码学习

和对应源码的学习：refisRefshallowReftriggerRefcustomRef一、api各自的使用1、ref使用vue3定义响应式数据主要通过ref、reactiveref可定义任何类型数据，reactive

Unique·Blue·2023-08-10 14:53

vue3中json编辑器

vue3的第三方插件实现json编辑器安装依赖npmivue3-ace-editor引入import{reactive,defineComponent}from'vue'import{VAceEditor

原莱_·2023-08-10 11:22

Vue3 reactive响应式赋值页面不渲染问题

问题描述：//声明变量letdata=reactive([])http().then(res=>{data=res.dataconsole.log(data)})//data数据更新，页面没有渲染，1、

原莱_·2023-08-10 11:22

Vue3 学习

Proxy简单的响应原理//其中的Reflet是ES6语法,具体语义用法参考:https://www.bookstack.cn/read/es6-3rd/docs-reflect.md//reactive.js

hujian66·2023-08-10 00:30

vue3中用watch监听响应式数据的注意点

如果你在vue3中使用reactive()方法创建响应式数据，然后又用torefs()方法将响应式数据解构成单一的ref响应式数据。

深一海·2023-08-09 16:16

vue3 ref、reactive、toRef、toRefs的区别

在vue3中定义一个基础类型的响应式数据一般使用ref，定义一个引用类型的响应式数据一般使用reactive。import{ref,reactive}from"vue"exportdefau

就是个名称·2023-08-09 13:46

Vue3 中 setup，ref 和 reactive 的理解

setupVue3中使用了CompositionAPI这种写法，使得所有的组合API函数都在此使用,只在初始化时执行一次。函数如果返回对象,对象中的属性或方法,模板中可以直接使用ref作用：定义一个数据的响应式语法：constxxx=ref(initValue)一般用来定义一个基本类型的响应式数据创建一个包含响应式数据的引用(reference)对象js中操作数据:xxx.value模板中操作数据

Python User·2023-08-09 10:20

vue3 table动态合并，自定义参数合并单元格

import{ref,toRefs,reactive,nextTick,computed,watch,onMounted}from"vue";consttableData=[//一年级{area:"华北

Passerby_K·2023-08-09 09:40

分析一下vue3下会造成响应式丢失的情况

从以往直接在data函数里面定义变量到每一次都要使用ref/reactive时，是有些不适应的。但问题不大，毕竟在大前端时代中，如果不及时跟上时代的步伐，不仅技术没跟上，面试还容易被卡。

代码无边，回头是岸·2023-08-09 09:40

Vuejs3父组传值给子组件

/components/TextProps.vue';import{reactive}from'vue';constqueryobj=reactive({"a":1,"b":1});constaryobj

缘如风·2023-08-09 02:17

Vue3 源码解析（六）：响应式原理与 reactive

今天这篇文章是笔者会带着大家一起深入剖析Vue3的响应式原理实现，以及在响应式基础API中的reactive是如何实现的。

Originalee·2023-08-09 00:15

【Vue3基础】Vue3 组件间通信

1.1示例父组件blog.vue//Blog.vueimport{reactive}from'vue';importArticlefrom'@/components/Article.vue';constAriticeItem

cannotbecounted·2023-08-08 14:35

Angular2 响应式表单

参考资料https://angular.cn/guide/reactive-forms#dynamic-controls-using-form-arrays引入方法import{ReactiveFormsModule

小宝宝_ef99·2023-08-08 06:37

vue3使用element-plus搭建后台管理系统---菜单管理

element-plusel-tree组件快速开发树形菜单结构，el-tree组件中filter-node-method事件便可以实现树形菜单筛选过滤功能{{data.name}}import{ref,reactive

搬砖狗-小强·2023-08-08 06:46

vue2过渡vue3技术差异点指南

基础点reactive()定义响应式变量(仅仅引用类型有效：对象数组map，set)：reactive(),类似于data中return的数据例子：import{reactive}from'vue'exportdefault

北巷`·2023-08-08 03:20

vue上传图片压缩

出仓单号LCGT20210822026目的地高明美宗车牌号粤X32659点此上传磅单*该单据已上传过磅单如有要您可继续上传出仓单已送达，无法上传磅单-->import{ref,reactive,getCurrentInstance

web前端攻城狮·2023-08-07 20:26

Vue3中使用TDesign添加动态表单校验

html部分注意这里的data和收集数据的动态表单要有层级关系js部分//表单相关数据constform_data=reactive({address:[{sub_sn:"",person:"",mobile

真让人秃头呀·2023-08-07 18:55

Flutter环境配置，创建第一个应用

flutter作为谷歌新出的一个能跨平台开发工具，相对Reactive优势肯定很大的。RAC作为以前跨平台的主流，但是自身也有一些不足，因为它特别依赖原生。

bugLife丶·2023-08-07 17:59

nextTick和setTimeout那些是非

今天做滚动的时候发现些问题：当我的渲染数据数组使用reactive定义时，请求回来的数据并不会让页面的初定死数据更新，但是使用ref可以更新当使用初定死数据时，挂载之后能正常获取DOM元素，页面会从死数据到正常数据的过渡

lanmy_dl·2023-08-07 09:16

vue3 开发一个图片预览插件

lplugins文件夹，在此文件夹下新建两个文件prevImg.vue和index.js-+[]☽import{computed,ref,nextTick,getCurrentInstance,watch,reactive

sleeppingfrog·2023-08-06 18:58

推荐频道

Reactive