Reactive 第40页

【Vue3-响应式工具API】ref 和 reactive 使用

ref和reactive的区别响应式API：核心—ref|Vue.js(vuejs.org)响应式API：核心—reactive|Vue.js(vuejs.org)Vue3第一篇之ref和reactive

Sam9029·2022-09-13 22:31

vue3父组件和子组件如何传值实例详解

子组件调用父组件方法总结1.父组件打开子组件的的dialog组件新建一个vue文件命名为test然后咱们直接从官网CV一个带有表单的dialog组件如下//子组件CancelConfirmimport{reactive

·2022-09-12 16:02

使用Vue3+TS 封装当前时间的hook

(其实很烂)代码冗余也懒得改了…封装:hook>useTime.tsimport{ref,reactive,onMounted,onUnmounted}from'vue'/***如果当前分钟和秒钟是小于

vernin·2022-09-10 19:04

【无标题】vue3后台管理

item.title}}{{items.title}}import{Histogram,UserFilled,CreditCard,Bowl}from'@element-plus/icons-vue'import{reactive

我爱的昵称为什么都存在·2022-09-06 20:20

Vue3 reactive 源码分析

概要本文通过抽取Vue3reactive源码中的主要部分，来理解其响应式object的实现方式。

·2022-09-06 16:51

前端post,get请求传参方式以及后台接收

method:'post',data:query//参数})}2：使用首先引入方法js：import{listCheckinApply}from'xxx.js'调用方法/*查询条件*/letformData=reactive

fortunate_leixin·2022-09-06 14:07

Vue3.0 —— watch函数

ref数据watch(要监听的目标，改变后触发的回调)watch(count,(newValue,oldVlaue)=>{console.log(newValue,oldVlaue);});2、监听通过reactive

张美丽呀·2022-09-05 11:29

vue3.x + elementPlus 封装组件之date-picker时间封装

时间选择没时分秒时间选择有时分秒时间快捷选择时间区间选择时间区间选择有时分秒时间区间快捷选择import{reactive,toRefs}from'vue'//shortcuts快捷时间选择例子：:shortcuts

丢，捞仔·2022-09-02 17:14

Vu3爬坑指南

1、引入vue文件报错（因为velur插件）问题：image.png解决：image.png取消选中后关闭文件，推荐使用volar插件2、reactive直接赋值后失去响应式如果reactive是个数组

废弃的种子·2022-09-02 10:02

Vue3侦听器的实现原理详情

constdata={foo:1}constobj=reactive(data)w

·2022-08-30 14:14

vue3响应式分析

vue3响应式分析首先对vue3响应式解析之前，需要前置知识Proxy和Reflect有所了解，，关于这两个知识我推荐看阮一峰老师的ES6入门教程vue3的响应式我是以reactive为入口进行梳理，流程如下图源码位置

·2022-08-29 15:51

vue3验证码倒计时60秒（自用）

1.发送验证码重新发送{{obj.count}}s2.setup(){letobj=reactive({dis:false,show:true,isGrey:false,//按钮样式timer:null

会飞的猪@·2022-08-26 16:34

10分钟入门响应式:Springboot整合kafka实现reactive

Springboot引入Reactor已经有一段时间了，笔者潜伏在各种技术群里暗中观察发现，好像scala圈子的同仁们，似乎对响应式更热衷一点。也许是因为他们对fp理解的更深吧，所以领悟起来障碍性更少一些的原因吧。尽管webflux对于数据库的支持，还不那么完善，也不妨我们试上一试。首先请允许我引用全部的反应式宣言作为开篇，接下来会介绍webflux整合kafka做一个demo。反应式宣言在不同领

m0_智者阳光·2022-08-25 13:39

一个扫雷小游戏带你初识VUE3和typescript

一个扫雷小游戏带你初识VUE3和typescript阅读本文你会了解到：vue3的部分新特性typescript的基本使用部分es6语法基础部分为什么要使用ref和reactive来声明变量和对象，下面是官方文档的示意图片但是我相信很多初学者看了也不会特别理解

cRack_cLick·2022-08-21 18:27

分享一个vue3+ts的图片瀑布流组件

自定义图片列数保持图片原始宽高比例自定义行列间距自定义图片内间距自定义图片字段importMWaterfallfrom"@/components/m-waterfall/index.vue"import{defineProps,nextTick,onMounted,reactive

行者-龙·2022-08-20 18:55

Vue3+TypeScript学习笔记

ref与reactive的使用ref作用：一般用来定义一个基本类型的响应式数据，创建一个包含响应式数据的引用(reference)对象用法：js中操作数据:xxx.value，模板中操作数据:不需要.value

九号窗口·2022-08-19 17:27

Vue3 学习总结笔记 (十三)

Vite创建Vue3工程3.Vue3之分析工程结构3.Vue3之安装开发者工具4.Vue3之setup5.Vue3之ref函数5.1ref函数处理基本数据类型5.2ref函数处理对象类型6.Vue3之reactive

IT_Holmes·2022-08-19 17:55

vue3 setup 语法糖

一、如何使用setup语法糖代码如下（示例）：二、data数据的使用由于setup不需写return，所以直接声明数据即可代码如下（示例）：import{ref,reactive,toRefs,}from'vue'constdata

比卡丘劫起·2022-08-19 08:23

【vue3源码】八、reactive——Collection的响应式实现

【vue3源码】八、reactive——Collection的响应式实现参考代码版本：vue3.2.37官方文档：https://vuejs.org/前文中我们分析了reactive对Object类型的数据处理

·2022-08-17 18:53

Vant3——复选框点击其他后格外出现一个输入框

想要实现这样的效果：方法如下：因为复选框选出来的值为数组形式所以直接通过map进行循环遍历即可骨科手术物理治疗手法治疗关节内注射治疗其他constlistData=reactive({checkboxZL

Nanchen_42·2022-08-13 13:04

vue3快速学习（vue2转vue3学习）

1.reactive返回对象的响应式副本，实际上reactive将解包所有深层的refs，同时维持ref的响应性。个人理解：相当于把reactive里面的内容a，push到一个对象中，而且还互相相应。

Black____White·2022-08-13 13:32

Vue3 reactive响应式赋值页面不渲染的解决

目录Vue3reactive响应式赋值页面不渲染问题描述1.因数据结构而导致的未渲染解决方法2.因页面节点未加载导致页面未渲染解决方法3.因未指到具体点未渲染解决方法Vue3响应式原理-reactiveReactivity

·2022-08-12 18:46

揭秘，Vue3 性能优化之 Non-reactive Object

前言在Vue2中，有一个老生常谈的话题，如何避免data中一个复杂对象（自身或属性对象）被默认被创建为响应式（Non-reactiveObject）的过程？举个例子，有一个Vue2的组件的data：exportdefault{data(){return{list:[{title:'item1'msg:'Iamitem1',extData:{type:1}},...]}}}这里我们希望list.ex

·2022-08-12 13:02

快速上手Vue3

快速上手Vue3‍♀️1.OptionAPI和CompositionAPI‍Setup函数ReactiveAPI和RefAPIreadonly‍补充：Reactive判断的API和ref判断的API‍computed

贤蛋大眼萌·2022-08-12 10:05

vue设计与实现合理的触发响应

当值没有发生变化时比如这样constp=reactive({a:1})effect(()=>{console.log(p.a)})p.a=1p.a的初始值就是1，然后你再次赋值为1，理论上我们就不

·2022-08-11 13:34

vue3 + elementPlus reset重置表单问题

resetForm失效vue3elementPlusreset重置表单表单需加上ref属性字段需加上prop属性重置 import{defineComponent,reactive

·2022-08-10 11:59

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

前文ReactiveUI--反应式编程UI框架入门学习（一）介绍了反应式编程的概念和跨平台ReactiveUI框架的简单应用。本文通过一个简单的小应用更进一步学习ReactiveUI框架的使用和整体布局，并对比与MVVMLight的不同之处。应用的功能很简单，读取本地计算机的所有盘符，并

残生·2022-08-09 15:00

为Vue3 组件标注 TS 类型实例详解

目录为props标注类型使用非为emits标注类型使用非为ref()标注类型默认推导类型通过接口指定类型通过泛型指定类型为reactive()标注类型默认推导类型通过接口指定类型为computed()标注类型默认推导类型通过泛型指定类型为事件处理函数标注类型为

·2022-08-09 11:26

【vue3源码】七、reactive——Object的响应式实现

【vue3源码】七、reactive——Object的响应式实现参考代码版本：vue3.2.37官方文档：https://vuejs.org/reactive返回一个对象的响应式代理。

·2022-08-08 22:52

Ts+Vue3+setup语法糖对ref、reactive、props指定类型

1.ref2.reactive3.props方法一当props没有默认值方法二当props有默认值或其他配置

·2022-08-08 10:45

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

残生·2022-08-08 10:00

Vue3实现登录表单验证功能

效果图：二.实现具体过程npmiasync-validator-S绑定loginFormconstloginForm=reactive({username:"",password:""

·2022-08-07 11:32

Vue3中的ref和reactive响应式原理解析

目录1ref2isref判断是不是一个ref对象3shallowref创建一个跟踪自身.value变化的ref，但不会使其值也变成响应式的4triggerRef5customRef6reactive用来绑定复杂的数据类型

·2022-08-06 12:03

vue3.0组合式api的使用小结

.生命周期函数3.vuex4.toRef介绍5.ref介绍6.组件传值7.shallowRef和shallowReactive8.watchEffect9.watch侦听器10.computed11.reactive

·2022-08-05 13:36

uniapp开发：uniapp快速体验vue3.2之setup语法糖，怎么使用怎么爽

目录概要拉开序幕的setup语法糖生命周期钩子ref函数与reactive函数对比computed计算属性监视（watch、watchEffect）组件注册组件传值provide/injectstyle

咩咩咩咩没·2022-08-05 07:14

vue3中的抽离封装方法实现

1.新建公共utils/publicModule文件//公共的数据和方法import{reactive}from"vue"constpublicModule=()=>

·2022-08-04 09:15

6 个你必须明白 Vue3 的 ref 和 reactive 问题（入门篇）

Vue3为开发者提供ref和reactive两个API来实现响应式数据，这也是我们使用Vue3开发项目中经常用到的两个API。

·2022-08-03 23:45

vue3 el-table结合seamless-scroll实现表格数据滚动的思路详解

/xfy520/vue3-seamless-scroll步骤1.安装npminstallvue3-seamless-scroll--save2.vue代码import{defineComponent,reactive

·2022-08-02 11:16

vue响应式Object代理对象的修改和删除属性

setset就是修改代理的属性，按照我们之前写的reactive,它大概是这样的constITERATE_KEY=symbol()constp=newProxy(obj,{set(target,key,

·2022-08-02 11:46

vue3响应式Object代理对象的读取示例详解

其实在前面一章，如果你仔细阅读，你是可以实现一个简单的响应式函数的，类似于@vue/reactive,当然那只是个demo，是个玩具，我能不能在生产环境上去使用的，它差了太多功能和边界条件。

·2022-08-02 11:43

基于Vue3+TS封装的Table表格

$index+1}}import{defineComponent,reactive,ref,onActivated,onMounted}from'vue'exportdefaultdefineComponent

Web小能手·2022-07-31 15:21

浅析vue3响应式数据与watch属性

是Vue3的compositionAPI中2个最重要的响应式APIref用来处理基本类型数据,reactive用来处理对象(递归深度响应式)如果用ref对象/数组,内部会自动将对象/数组转换为reactive

·2022-07-28 12:19

vue3 双向数据绑定不生效问题，vue3数据修改页面不刷新

在项目中我使用到vue3，但是开始的时候就遇到了一个双向数据绑定不生效的问题，我在网上看了一些文档，说把数据使用ref和reactive声明可以实现双向数据绑定。

搬砖的赵某某·2022-07-28 10:48

vue3双向绑定原理(对比vue2)

其中一点取决于“数据双向绑定”的优化=>vue3vue2原理proxy(代理对象)+Reflect(反射)Object.defineProperty用法通过ref和reactive，自动转换在data函数注册优缺点

别拿bug搞偷袭·2022-07-28 10:45

Vue3源码解析05--响应式reactive和ref

Vue3源码解析05–响应式reactive和ref前言我们都知道Vue的响应式是通过数据劫持实现的，Vue2的数据劫持是通过Object.defineProperty实现的，而Vue3升级的一部分原因就是将

橘子骑士·2022-07-28 10:42

Reactive - 01 - 简介

翻译自：https://tech.io/playgrounds/929/reactive-programming-with-reactor-3/IntroIntroductiontoReactiveProgrammingReactor3isalibrarybuiltaroundtheReactiveStreamsspecification

wcnwyx·2022-07-26 22:05

uni-app_单选、多选_搜索框组件

Back':'Cancel'}}OKAdd{{placeholder}}import{defineComponent,reactive,PropT

munanc_·2022-07-25 16:32

前端面试题目（二十六）

1、vue3proxy是怎么劫持整个对象的；reactive和ref区别2、webpackpublicPath是干嘛的3、bfc是什么；怎么形成；作用4、html5语义化是什么；css3有哪些新属性？

kidaze·2022-07-22 10:36

SpringBoot是如何集成了Tomcat呢？

我们肯定对SpringBoot默认内部集成了Tomcatweb环境不陌生，虽然reactive容器逐渐崭露头角，但相信大部分的用户还是使用了Tomcat的容器的。

lhf2112·2022-07-22 07:44

Vue3 —— 常用 Composition API（零）（setup函数、ref函数、reactive函数、响应式、reactive对比ref）

系列文章目录Vue3——创建Vue3.0工程文章目录系列文章目录一、拉开序幕的setup1.setup的理解2.setup函数的两种返回值3.注意点二、ref函数1.作用2.语法3.备注4.实例三、reactive

前端杂货铺·2022-07-21 12:57

推荐频道

Reactive