Reactive 第32页

vue3-ElementPlus-ts之表单运用（含表格规则校验）

1、html部分密码为6-18字母和数字组合取消确认2、ts部分import{reactive,ref,onMounted}from'vue'importtype{FormInstance,FormRules

Rulyc·2023-04-11 22:47

element-plus+vue3的form表单自定义校验

*自定义校验规则时，验证成功的地方也必须callback()importtype{ElForm}from'element-plus';import{reactive,ref}from'vue';import

古娜拉黑暗之神哇咔咔·2023-04-11 22:47

Vue3-ref函数和reactive函数

ref函数作用：定义一个响应式的数据，或者说是生成一个引用实现对象语法：constxxx=ref(initValue)创建一个包含响应式数据的引用对象（reference对象）JS中操作数据需要：xxx.value模板中读取数据：直接使用即可PS：ref接收的数据可以是基本类型数据，也可以是对象类型基本类型的数据：响应式是靠Object。defineProperty()的get和set完成的对象类

後來9527·2023-04-11 19:24

SpringBoot 整合Redis 快速上手

org.springframework.bootspring-boot-starter-redis1.4.1.RELEASEorg.springframework.bootspring-boot-starter-data-redis-reactive2.1.3

刘德华一不小心就打代码·2023-04-11 12:58

如何在vue3中优雅地使用v-model？

豆子前端·2023-04-11 12:24

聊聊reactive streams的parallel flux

序本文主要研究下reactivestreams的flux的parallel运行方式.目的在一些涉及IO操作，比如读取文件，访问数据库等，通常建议使用异步线程以parallel模式运行，以提升性能。实例@TestpublicvoidtestParallelRunOn(){Flux.range(1,1000).log().parallel(8).runOn(Schedulers.parallel())

go4it·2023-04-11 10:06

Vue3 watch监听属性与多属性监听

import{toRefs,reactive}from'vue';letobj=reactive({foo:1,boo:2})let{foo,boo}=toRefs(obj)constchange=()

知奕奕·2023-04-11 09:50

vue3笔记

vue-cli创建2.2使用vite创建3.创建vue3.0工程3.1main.js3.2App.vue4.安装开发者工具5.常用的CompositionAPI5.1拉开序幕的setup6.ref函数7.reactive

慎思笃行_·2023-04-11 00:35

vue3 setup 语法糖，父子传参

//父传子用户管理{{item.name}}import{getuserListApi}from"@/api/user";import{reactive,onMounted,ref,toRefs,nextTick

mxlWhb·2023-04-11 00:52

Learning robust, real-time, reactive robotic grasping论文解读

文章亮点：1、克服了抓取检测的两个缺点：离散生成候选框的方法参数量巨大；参数数量巨大计算及运行速度慢不能实现闭环控制。文中使用了类似于语义分割的方法，使参数量小了好几个数量级，同时可以实现50hz的闭环抓取操作2、将单个抓取模型训练结果运用到杂乱环境中进行抓取操作依然可行3、对运动物体抓取检测闭环控制的质量4、针对杂乱物体相互遮挡问题采用螺旋路径多视点取样检测的方法5、文中进行了大量对比实验包括开

工科pai·2023-04-10 23:54

redisson分布式锁

同时还提供了异步（Async）、反射式（Reactive）和RxJava2标准的接口。

nothing in the world·2023-04-10 19:46

vue3写法

文章目录一、数据绑定ref()reactive()二、生命周期三、定义方法四、计算属性五、侦听器六、父组件传值和方法给子组件七、子组件传值给父组件文章中测试学习的代码我已经放到线上仓库了：vue3_study

ヾぁ影おジღ·2023-04-10 19:06

vue3写法总结

导入常用组件import{ref,onMounted,reactive}from"vue";import{useRouter}from"vue-router";组件引入直接使用importCarouselsfrom

苗泽云·2023-04-10 18:17

【vue3】vue3的三种写法（附带provide/inject、toRefs说明、ref，reactive的区别）

/components/HelloWorld.vue";import{ref,provide,readonly,reactive,toRefs}from"vue";exportdefault{name:

hzxOnlineOk·2023-04-10 18:42

Vue3 实现拖拽动态设置div宽高

import{reactive,ref}from'vue';//目标元素constprops=defineProps();constdomInfo=reactive({baseW:0,baseH:0})

清云IT·2023-04-10 15:57

前端最佳实践-vue3

文章目录认识Vue3创建vue3项目CompositionAPI(常用部分)比较Vue2与Vue3的响应式(重要)Vue3的响应式setup细节reactive与ref-细节计算属性与监视生命周期自定义

猿与禅·2023-04-10 15:18

【vue 低代码】组件拖拽小案例

main.jsimportVueGridLayoutfrom'vue-grid-layout'createApp(App).use(VueGridLayout).mount('#app')组件拖拽小案例import{reactive

усил·2023-04-10 06:13

uniapp vue3 微信公众号打开小程序

打开小程序.btn{padding:12px;border:1pxsolidred;}打开小程序-->import{ref,reactive,getCurrentInstance,toRefs,nextTick

织_网·2023-04-10 03:21

拥抱简洁代码：vue3中的script setup最强解析

ref与reactive在setup中，我们拥有ref和reactive俩个api去创建一个响应式变量，这俩者存在的区别是ref是针对基本类型的响应，而re

智密科技·2023-04-10 03:01

【Vue3】动态组件

动态组件可以实现组件之间的动态切换{{item.name}}import{reactive}from"vue";importAfrom"..

SamRol·2023-04-10 01:29

vue多附件预览（.pdf\.docx\.xlsx\.txt）

from'docx-preview';//引入xlsx插件import*asXLSXfrom'xlsx';import{PageWrapper}from'/@/components/Page';import{reactive

SuperMario96·2023-04-09 19:38

Vue3中watch的用法

一、watch的基本实例{{count}}更改count的值import{ref,reactive,watch}from'vue'constcount=ref(0)functionchangCount(

勇敢小陈·2023-04-09 18:03

论 vite+vue3+ts 开发效率分析

并使用它最简使用你将发现：1，没有组件的引入，没有组件在父组件中的声明，代码至少减少4行，减少了程序员的头脑风暴（引入文件在哪里+组件引入要声明）；2，使用setup语法糖，减少vue3默认规则的ref，reactive

王清水·2023-04-09 11:31

短视频抖音获客系统软件代开发搭建源码独立部署

短视频获客系统软件：vue3.0建立响应式的方法有两种：第一个就是运用composition-api中的reactive直接构建响应式，composition-api的出现我们可以在.vue文件中，直接

云罗团团 yx898978·2023-04-08 20:50

Vue（4）-vue3

TypeScript1.2.4.新的特性2.创建Vue3.0工程2.1.使用vue-cli创建2.2.使用vite创建3.常用CompositionAPI3.1.拉开序幕的setup3.2.ref函数3.3.reactive

Brisa56·2023-04-08 20:03

vue3+ts-实现搜索关键词变红

import{Search}from'@element-plus/icons-vue'import{reactive,ref}from'vue'//关键词飘红constsearchKey=ref('')

codingFunTime·2023-04-08 11:41

Vue 3 核心原理 -- reactivity 源码复写

标签（空格分隔）：vue前端前言首先自己实现了一遍reactive的两个api，对依赖变化的监测有了一定的了解，现在再看看源码是怎么写。为了更好理解，自己按着源码重新写一遍。

philoZhe·2023-04-08 04:59

Vue3 实现拖拽截图功能

如果你的vue版本时3.0以上，代码可直接使用import{onMounted,ref,watch,nextTick,reactive}from'vue';import{getCurrentInstance

PhilipJ0303·2023-04-07 23:43

Vue3 中使用reactive实现子路由页面改变父页面数据

使用场景在菜单管理子页面中增加、修改或删除菜单后父级页面的页面菜单需要同步刷新，本文主要介绍基于Vue3的reactive方式实现，本文Vue的代码风格为组合式，如果想了解组合式和选项式API风格的区别请参考官方文档

@胡海龙·2023-04-07 21:40

vue3 移动端活体认证

开始录制import{reactive,ref,onMounted}from"vue"exportdefault{name:"v-video",setup(props,context){conststate

刘凯gg·2023-04-07 19:52

解决 Unexpected mutation of “XXX” prop vue/no-mutating-props

解决Unexpectedmutationof“XXX”propvue/no-mutating-props普通属性直接使用computedv-model两种方案父组件子组件取消确认import{ref,reactive

潇、然·2023-04-07 17:55

Vue3 源码阅读（4）：响应式系统 —— watch、computed

1，watch的实现原理1-1，watchapi的用法watch对应的官方api文档点击这里，watchapi的常见用法如下所示：letobj=reactive({text:'Hello'})watch

纷飞丿·2023-04-07 16:18

【vue3】关于watch与computed的用法看这个就ok

目录⭐一、watch1.检测reactive内部数据2.监听ref数据⭐二、computed⭐一、watch1.检测reactive内部

初映CY的前说·2023-04-07 16:43

vue3.0 ts 前端利用HTML2canvas与JSpdf插件实现将页面保存为pdf格式下载

pdf格式下载话不多说先看效果安装html2Canvas与JsPDFnpminstall--savehtml2canvasnpminstall--savejspdfhtml代码周报js代码import{reactive

造梦者FZ·2023-04-07 16:34

vue3全局事件总线

app.mount('#app')app.config.globalProperties.mittBus=newmitt()4.在需要提供数据的组件中引入import{getCurrentInstance,reactive

mfxcyh·2023-04-07 12:07

vue3使用reactive包裹数组如何正确赋值

需求：将接口请求到的列表数据赋值给响应数据arrconstarr=reactive([]);constload=()=>{constres=[2,3,4,5];//假设请求接口返回的数据//方法1失败，

吴冬雪~·2023-04-07 03:43

Vue3 + VIte + Ts:any类型“any”的参数不能赋给类型“never”的参数。

场景：使用push的时候报错解决方法：constmenus=reactive([]asany[]);或根据实际来断言constmenus=reactive([]asobject[]);推荐使用constcommodity

龙雨LongYu12·2023-04-07 03:27

Vue3的新特性变化，上手指南！

二、Proxy代理响应式原理三、组合式API(CompositionAPI)setup()函数:ref()函数reactive()函数组合式setup中使用Props父向子传递参数计算属性watch（数据监视

旧梦星轨·2023-04-06 23:05

Vue3 初探 ref、reactive 、及改变数组的值

概况Vue3里要实现数据的响应式监听一共有两种方式既：ref和reactive他们既有区别又有联系。ref()ref数据响应式监听。

风随心飞飞·2023-04-06 17:28

gateway整合springboot jar包冲突，Please set spring.main.web-application-type=reactive or remove spring-boo

zprealm·2023-04-06 14:25

Vue3——组合式api中的ref&reactive

Vue3引入了全新的功能，组合式api组合式api的作用是：将原来分散开来定义的数据，方法，计算属性，监听器，组合起来定义一个完整的业务setup是组合式api的舞台，所有的组合式都要在setup里面使用ref用于定义响应式数据let{ref}=Vue使用ref()方法，定义一个响应式对象。直接定义的数据不具备响应式，想要有响应式就要使用组合式api里的ref方法包裹一下修改ref对象的值要通过v

我的安娜有点菜·2023-04-06 04:48

手写vuex4源码（三）vuex基本功能的实现

这样数据是非响应式的constructor(options){this.state=options.state}2、响应式（正确）vuex3内部会创造一个vue实例，但是vuex4直接采用vue3提供的响应式方法:reactive

cwj&xyp·2023-04-06 04:01

Molecule:使用Jetpack Compose构建StateFlow流

ComposablefunMessageCard(message:Message){Column{Text(text=message.author)Text(text=message.body)}}这段代码最有趣的部分是它实际上是reactive

凉亭下·2023-04-06 01:59

Composition API 使用

文章目录CompositionAPI常用部分1.setup2.ref3.reactive4.比较Vue2与Vue3的响应式(重要)vue2的响应式vue3的响应式5.setup细节6.reactive和

阿牛大牛中·2023-04-05 23:38

Vue3中ref、reactive、toRef、toRefs基本用法和区别

ref、reactivesetup函数中默认定义的变量并不是响应式的（即数据变了以后页面不会跟着变），如果想让变量变为响应式的变量，需要使用ref和reactive函数修饰变量。

姜无忧·2023-04-05 23:13

ref、reactive、toRef、toRefs

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

徐_三岁·2023-04-05 22:38

vue3.2 响应式之 ref 、reactive 、toRef 、 toRefs

from'vue'consta=ref(0)//定义了一个number类型初始值为0的变量aconsole.log(a)//打印后发现是一个refImpl对象初始化值为value，故而调用时取a.valuereactive//reactive

auserroot·2023-04-05 22:53

reactive、ref、toRef、toRefs

reactive和ref1.reactive接收的数据类型：对象类型使用:constdata1=reactive({value:"1",name:"2"})data1.value//使用结果:作用：把参数加工成一个代理对象

新手前端小鹿·2023-04-05 22:23

Vue3全家桶升级指南二ref、toRef、toRefs的区别

在vue3中定义一个基础类型的响应式数据一般使用ref，定义一个引用类型的响应式数据一般使用reactive。

八狐云|酷画册|二维码生成·2023-04-05 22:16

vue3响应式之ref、reactive、toRef、toRefs、toRaw

refref取值或赋值时需要加.valueletform=ref({age:18})//修改值form.value.age=28ref深层响应对象一般使用在简单的数据类型，如：string,number，Boolean，Symbol或单值对象【即：只有一个属性值的对象】(如：{count:1})import{ref,isRef,shallowRef,triggerRef,customRef}fro

listc·2023-04-05 22:42

推荐频道

Reactive