Reactive

记录--开始使用Vue 3时应避免的10个错误

现在的一般规则是：使用reactive代替Object,Array,Map,Set使用ref代替String,Numbe
林恒smileZAZ·2023-06-11 19:48

vue3响应式

vue3响应式vue3实现响应式的方法有两种:第一种运用组合式API中的reactive直接构建响应式，组合式API的出现让我们可以直接用setup函数来处理之前的大部分逻辑，同时也避免了this的使用
dralexsanderl·2023-06-11 17:46

vue3解构响应式失效解析

在vue3中解构响应式数据{{counter}}{{obj.value}}constreactiveObj=reactive({counter:0,obj:{value:1}});setInterval
dralexsanderl·2023-06-11 17:15

在不用$set和deep的情况，如何对数组中的某一项进行监听

constarr=reactive([{id:1,name:'Alice'},{id:2,name:'Bob'},{id:3,name:'Charlie'}])使用watchEffect监听数组中某一项的变化
阿叶同志·2023-06-11 17:06

vue3.2 reactivity 之 (ref && reactive) API源码解析

vue3.2reactivity之refAPI,reactiveAPI源码解析--------------refAPI-------------reftrackRefValuetriggerRefValueshallowRefisReftoReftoRefsunrefproxyRefscustomReftriggerRef--------------reactiveAPI-------------
月光下的程序猿·2023-06-11 15:17

reactive代理_vue3响应式系统源码解析-Reactive篇

前言为了更好的做解释，我会调整源码中的接口、类型、函数等声明顺序，并会增加一些注释方便阅读在上一章中，我们介绍了ref，如果仔细看过，想必对ref应该已经了如指掌了。如果还没有，或着忘记了....可以先回顾一下上篇文章。阅读本篇文章需要的前置知识有：ProxyWeakMapReflectReactivereactive这个文件代码其实不多，100来行，很多逻辑其实是在handlers跟effect
weixin_39753791·2023-06-11 15:47

Vue3 源码阅读（7）：响应式系统 —— 响应式 API 精讲

1-3，reactive源码如下所示，代码解释在注释中。
纷飞丿·2023-06-11 15:42

Vue3 之 响应式 API reactive、 effect源码，详细注释

Vue3之响应式APIreactive、effect源码，详细注释目录一.实现响应式API:reactive、shallowReactive、readonly、shallowReadonly1.针对不同的
Echoyya、·2023-06-11 15:38

rac 事件概述及处理

reactive事件reactive事件就是将控件变信号可响应的,continuousTextValues:是textField的text值的信号，通过observeValues，我们可以观察到continuousTextValues
劉戦軍·2023-06-11 13:47

vue3中的reactive、ref、toRef和toRefs

目录reactivereactive的实现原理使用reactive的注意事项refref的实现原理使用ref的注意事项toRef和toRefsref和reactive的使用比较reactivereactive
九仞山·2023-06-11 08:39

Vue3 理解 toRef 和 toRefs 的作用、用法、区别

toRef/toRefs作用toRef和toRefs可以用来复制reactive里面的属性然后转成ref，而且它既保留了响应式，也保留了引用，也就是你从reactive复制过来的属性进行修改后，除了视图会更新
cookcyq·2023-06-10 21:11

javascript中对象数组操作笔记

特记录如下：letpanels=reactive([{title:'首页',closable:false,iconCls:'icon-man',},{title:'系统管理',closable:true
sensor_WU·2023-06-10 16:54

vue3【父子组件间的传值--setup语法糖】

/child'import{ref,reactive,getCurrentInstance,onMounted}from'vue'const{proxy}=getCurrentInstance();constparentMsg
suoh's Blog·2023-06-10 12:13

使用canvas图片裁剪

title:'裁剪图片'}}预览保存import{defineComponent,onUnmounted,reactive,toRefs,watch}from'vue';exportdefaultdefineComponent
略略大魔王丶·2023-06-10 08:06

vue.js django_如何使用Django和Vue.js对Web应用程序进行原型制作

vue.jsdjangoWouldn’titbecoolifyoucouldprototypeacustomwebapplicationthat’sresponsive(mobile-ready),reactive
culi3182·2023-06-10 06:14

VUE3浅析---响应式

VUE3中setup语法糖解决响应式的方案，所有的只要被ref或者reactive包裹的变量，都会转变成响应式。而在VUE2中，要想做成响应式，必须将变量定义在data函数中。
夜间沐水人·2023-06-09 16:31

vue3中使用jsx创建一个树形数据结构

在vue3脚手架中默认支持jsx写法，所以直接创建一个tree.jsx文件import{reactive,ref,watch,onMounted,inject,computed,defineComponent
qq_43561241·2023-06-09 14:09

Vue.js 3.x Composition APIs 及简单使用

CompositionAPIDemo:对比：性能提升响应式系统升级编译优化优化打包体积ViteESModuleViteasVue-CLIVite特点CompositionAPICompositionAPI生命周期钩子函数reactive
喜大普奔⁶⁶⁶·2023-06-09 05:16

手写简易vue3响应式reactive

consttoProxy=newWeakMap()//存放的是代理后的对象consttoRaw=newWeakMap()//存放的是代理前的对象functiontrigger(){console.log('触发视图更新')}functionisObject(target){returntypeoftarget==='object'&&target!==null}functionreactive(t
Neo 丶·2023-06-09 00:02

介绍Java中的响应式编程（Reactive Programming）

前言  在Java中，响应式编程已经成为了一个备受关注的技术。响应式编程是一种声明式编程范式，它借鉴了函数式编程和面向对象编程的思想，用于处理异步和事件驱动的数据流并保持响应能力。什么是响应式编程  响应式编程是一种处理异步操作和事件驱动数据流的编程范式。在传统的编程模型中，我们通常使用命令式编程来处理数据流，即需要对一系列步骤进行显式的调度和控制。但是，在响应式编程中，我们将数据流看作是一个响应
JavaWizard-M·2023-06-08 19:49

vue3到vue2组件重构方法笔记

组件放在vue2项目中使用，将组合式api分散开有一些零散的技巧，所以写一篇转化笔记以供大家参考先上vue3一个组件的示例代码{{props.title}}//边框import{defineProps,reactive
山雀~·2023-06-08 12:58

【SpringBoot】一、SpringBoot概述以及其自动配置基本原理

SpringBootSpringBoot现在分为两个技术栈，第一个是常规的使用servletAPI的Web编程方式，第二种是使用Reactive方式的响应式编程，ReactiveStack可以使用很少的内存来实现复杂的功能
清河__·2023-06-08 10:28

踩坑：Vue 模版中用到的响应式数据，不要在异步操作中给出声明

目标数据是对象数组类型，但是视频中将目标数据使用ref()来生成心里很不得劲，因为在我的习惯中，只有基本数据类型才用ref()，对象和数组类型要使用reactive()这个目标数据是通过异步请求获取到的
秋天code·2023-06-08 02:37

vue3.0组件传值的方式

vue3.0组件传值的方式(一)父组件给子组件传值1.父组件给子组件传值，子组件通过defineProps接收数据//App.vueimport{ref,reactive}from'vue'importHelloWorldfrom
文海鸥·2023-06-07 19:26

vue3 --递归组件的使用

—参考zs小满的博客/*父组件中定义数据：constlist=reactive([{name:"1",checked:true,children:[{name:"1-1",checked:false,}
yy_33404590·2023-06-07 19:47

Vue3 之 响应式 API reactive、 effect源码，详细注释

Vue3之响应式APIreactive、effect源码，详细注释[toc]简单记录一下Vue3和Vue2区别>Vue3源码采用monorepo方式进行管理，将模块拆分到package目录中>Vue3采用ts开发,增强类型检测,Vue2采用flow，对
Echoyya、·2023-06-07 14:00

vue3.0&typescripty --setup

Countis:{{state.count}},doubleis:{{state.double}}import{reactive,computed}from'vue'interfaceCount{count
有志青年(top)·2023-06-07 07:47

uniapp(三) 之 表单提交

作为一个白嫖怪，我决定今天再换一个UI库引入后，根据组件位置自行调整位置好了现在使用UNI-UI了但是我的语法是vue3,官网范例需要被改一改，this也没有了，完整代码如下登录立即登录import{ref,reactive
我是小白855·2023-06-07 02:34

Vue3.x的设计理念-Vue3导读

【单文件组件】CompositionAPI生命周期钩子变化什么是响应式（Reactivity）Reactive值ProactivevsReactive声明式程序声明式程序：创造语言声明式程序：Reactive
路人i++·2023-06-07 01:16

vue3的api解读-ref和reactive

main.ts/src/App.tsx/src/layout.css/src/examples/RefExample.tsx/src/examples/ReactiveExample.tsx思考Vue提供的Reactive
路人i++·2023-06-07 01:16

用css控制根据动态数据来显示背景图片的高亮进度

{{item.name}}领奖励`:`已领取`">import{ref,reactive,onMounted}from'vue'constperseItem=ref([{name:'今日达成1次',score
Gemini仔仔·2023-04-21 21:43

Reactive - 07 - Request

翻译自：https://tech.io/playgrounds/929/reactive-programming-with-reactor-3/RequestRequestDescriptionRememberthisdiagram
wcnwyx·2023-04-21 18:22

如何使用ref和reactive你必须要知道的场景和差异

在Vue3中，ref和reactive是两种不同的数据响应式处理方式。本文将介绍它们的使用场景和差异，并提供相关代码示例。ref的使用场景ref通常用于处理简单的数据类型，例如数字、布尔值、字符串等。
三拾老师·2023-04-21 08:08

mini Vue的实现 Vue工作原理简析

事实上Vue包含三大核心：Compiler模块：编译模版系统；Runtime模块：或称之Renderer模块，渲染模块；Reactive模块：响应式系统。编译系统和渲
何欣宇HxY·2023-04-21 07:28

Vue3获取接口数据赋值给reactive定义的数据，界面不刷新问题（踩坑）

由reactive定义的响应式数据直接赋值会导致丢失响应式！！！
小陈努力再努力·2023-04-21 07:31

Vue3动态引入Element-plus icon图标

直接贴代码list数据：constlist=reactive([{path:"/user",name:"user",label:"用户管理",icon:"user",url:"UserManage/UserManage
小陈努力再努力·2023-04-21 07:31

一文了解vue3的toRef和toRefs？

文章目录toRef/toRefs首先toRef的使用toRefs的使用：总结reactive定义对象类型姓名：{{person.name}}年龄：{{person.age}}薪资：{{person.job.j1
__爱吃香菜·2023-04-20 18:06

vue3 兄弟间传值--两种方式

第一种方式：父组件作为中间桥梁（通过第一个子组件传给父组件，在从父组件传递给其他子组件）1index.vueimport{ref,reactive}from'vue'importAfrom'.
老胡说前端·2023-04-20 18:30

Vue3.0中的reactive

reactive参数必须是对象(json/arr)如果给reactive传递了其它对象默认情况下，修改对象无法实现界面的数据绑定更新。如果需要更新，需要进行重新赋值。(即不允许直接操作数据，
Cupid510·2023-04-20 17:54

vue3.2 setup语法糖实现手写签名

取消-->取消重绘保存import{onMounted,reactive,ref}from"vue";import{uploadFileApi}from"@/api/PublicApi";import{
Master-Tang·2023-04-20 17:50

Reactive - 02 - Flux

翻译自：https://tech.io/playgrounds/929/reactive-programming-with-reactor-3/FluxFluxDescriptionAFluxisaReactiveStreamsPublisher
wcnwyx·2023-04-20 10:15

Vue3教程

文章目录参考资料1setup语法糖1.1vue2中的写法1.2setup语法糖在vue3中使用2refreactive事件2.1ref2.2reactive2.3事件：在setupscript中，直接定义事件
kobe_OKOK_·2023-04-20 01:59

vue3.0 Reactive数据更新页面没有刷新的问题

目录vue3.0Reactive数据更新页面没有刷新vue3.0中的reactive用法在reactive使用基本类型参数响应式代理vs.原始对象总结vue3.0Reactive数据更新页面没有刷新vue3.0ref
·2023-04-19 21:12

vue3中给数组赋值丢失响应式的解决

目录vue3给数组赋值丢失响应式的解决reactive响应式数据赋值问题总结vue3给数组赋值丢失响应式的解决由于vue3使用proxy，对于对象和数组都不能直接整个赋值。
·2023-04-19 21:11

Vue3 ref构建响应式变量失效问题及解决

目录vue3ref构建响应式变量失效问题描述解决方案vue3响应式API之ref和reactive回顾Vue3总结vue3ref构建响应式变量失效问题描述在Vue3中使用ref声明响应式变量，同时用函数对值进行变化
·2023-04-19 21:11

Reactive - 04 - StepVerifier

翻译自：https://tech.io/playgrounds/929/reactive-programming-with-reactor-3/StepVerifierStepVerifierDescriptionUntilnow
wcnwyx·2023-04-19 19:09

element-plus 自动识别两个 el-date-picker日期选择器大小，使开始日期小于结束日期

需求描述：element-plus+vue3，两个单独的日期选择器，如果开始日期比结束日期大，就将其互换代码实现：constformData=reactive({startTime:'',endTime
叶子_o·2023-04-19 19:00

Vue.js 2.0 对比其他框架

ReactReact和Vue有许多相似之处，它们都有：使用VirtualDOM提供了响应式（Reactive）和组件化（Composable）的视图组件。
Blur Blue·2023-04-19 15:50

【Vue3】setup的注意点及watch监视属性的六种情况

name:"Demo",beforeCreate(){console.log('beforeCreate已执行');},setup(){console.log('setup已执行');letperson=reactive
Aic山鱼·2023-04-19 12:13

22年10月工作笔记整理（前端）

目录一、Vue3学习二、框架配置三、项目学习知识一、Vue3学习ref与reactive的区别：1.ref支持所有的类型，而reactive只支持引用类型Array、Object、Map、Set2.ref
wj_秦桑低绿枝·2023-04-18 22:49
上一页 26 27 28 29 30 31 32 33 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他