Reactive

vue3 ref和reactive的用法

Vue3中的ref和reactive是CompositionAPI中的两个基本函数。ref函数用于创建响应式数据，它返回一个包含value属性的对象。
无妄的罪·2023-10-28 12:02

vue3使用ref和reactive

Vue3引入了两个新的API，ref和reactive，用于创建响应式对象。这两个方法都位于Vue.prototype上，因此可以在组件实例中直接使用。refref函数用于创建一个响应式引用对象。
无妄的罪·2023-10-28 12:27

Vue3.3指北(三)

APIvsVue3组合式API1.2、Vue3的优势2、组合式API-setup2.1、setup选项2.2、setup中写代码的特点2.3、``语法糖2.4、props和context3、组合式API-reactive
生命是有光的·2023-10-28 09:51

Vue3响应式对象: ref和reactive

在Vue3中，我们可以使用ref和reactive两种方法来创建和管理响应式对象。本文将详细讲解这两种方法，并提供相关示例。1.ref函数ref函数用于创建基本类型的响应式对象。
嘘~！·2023-10-28 01:34

Vue3 响应式 API 之 ref 和 reactive

点击上方“青年码农”关注回复“源码”可获取各种资料我们知道ref函数和reactive函数用于实现数据的响应性。但是开发中如何选择使用ref和reactive呢？
NMGWAP·2023-10-28 01:28

Vue3第一次使用：ref与reactive的区别和注意事项

今天使用Vue3写了一个todo的例子Vue3对我最大的感觉：1、template标签下面可以有多个节点了，终于不用先写一个DIV了2、setup函数可以代替之前的data，methods，computed，watch，Mounted等对象，但是props声明还是在外面。不过我总是忘记在return里面写声明好的变量或者方法，导致报错没有这个变量或者函数。这一点还需要适应。希望以后能有方便的插件出
喜欢路飞的银桑·2023-10-28 01:28

vue3响应式对象：ref和reactive

ref()改变信息{{msg}}{{man}}import{defineComponent,ref,Ref}from'vue'exportdefaultdefineComponent({setup(){letmsg:Ref=ref("你好")letman=ref({name:"wj"})constchangeMsg=()=>{msg.value="我还好"console.log(msg);man.
沐风三生·2023-10-28 00:25

pinia中使用reactive声明变量，子页面使用时，值未改变,即不是响应式的（解决方法）

reactive赋值无效！reactive不要直接data=赋值！！！
豆逗逗·2023-10-28 00:25

vue3中的provide 与 inject

inject('car')二、举例说明（代码如下）（1）目录结构（2）parentView.vue（provide传递数据）父组件：{{name}}---{{price}}import{provide,reactive
H_HX126·2023-10-27 23:52

pinia全局状态管理

、vue3使用优点：相比vuex：提供组合式和选项式的写法，支持ts类型推断，提供更简洁的状态管理（去除mutation）注意点：（1）使用store时不要结构，会失去响应性，因为store实际上是被reactive
m0_45127388·2023-10-27 22:02

Vue实现获取验证码60s倒计时（刷新不重置计时）

buttom按钮发送验证码{{data.count}}秒后重试提交js：import'vant/es/toast/style'import'vant/es/notify/style'import{ref,reactive
web why·2023-10-27 21:33

vue3 异步组件引用及使用

/components/zj.vue'))2组件zj.vue{{item.name}}import{ref,reactive}from'vue
老胡说前端·2023-10-27 19:45

springboot 启动过程【版本2.7.8】

构造SpringApplication对象1、推测web应用类型如果项目依赖中存在org.springframework.web.reactive.DispatcherHandler，并且不存在org.springframework.web.servlet.DispatcherServlet
嘤嘤怪QQQ·2023-10-27 14:36

vue3笔记

以上)优点：性能的提升（打包小，内存小，渲染快）源码升级（用proxy代替definProprety来实现双向绑定，虚拟DOM重写）支持ts支持的新特性CompositionAPI(setup,ref,reactive
bug改不完·2023-10-27 02:45

v3的reactive和ref

reactive作用：定义一个对象类型的响应式数据语法：const代理对象=reactive（源对象）接受一个对象（或数组），返回一个代理对象（proxy对象）reactive定义的响应式数据是"深层次的
阿金敲代码·2023-10-27 02:41

解析reactive---vue3响应式

想要了解vue3的reactive模块，就要对Proxy和Reflect有所了解，关于这两个知识我推荐看阮一峰老师的ES6入门教程我对reactive模块有一个大致梳理，见下图从上图可以大致理清一个值被创建响应式状态的过程
LH_R·2023-10-27 01:43

解析Vue3源码（一）——reactive

解析Vue3源码（一）——reactive前言reactive的源码总结前言不同于Vue2，Vue3声明响应式数据不是在$options.data()中声明而是需手动创建。
玛已·2023-10-27 00:09

【Vue3源码学习】响应式源码解析：reactive、effect、ref

reactive响应式源码地址：packages/reactivity/reactive.ts先看一下在Vue3中定义的几个用来标记目标对象target的类型的ReactiveFlags，下面先是枚举的属性
Chx.zhang·2023-10-27 00:39

vue3 源码解析（2）— ref、toRef、toRefs、shallowRef 响应式的实现

前言vue3源码解析（1）—reactive响应式实现介绍完reactive之后还有另一个很重要的响应式API，其中包括ref、toRef、toRefs和shallowRef。
Avicli·2023-10-27 00:06

vue3 源码解析（1）— reactive 响应式实现

举个例子reactivelet{reactive,effect}=VueReactivity;constuser={name:'Alice',age:25,address:{city:'NewY
Avicli·2023-10-27 00:03

Vue3响应式原理以及依赖模型解析

如果不熟悉响应式对象，可以先看Vue3响应式对象-reactive，Vue3响应式对象-ref，Vue3响应式对象-计算属性和异步计算属性一、什么是依赖？
顽皮宝·2023-10-26 22:41

vue3中的双向数据绑定方法原理和响应式的实现方式

一、ref和reactive的区别ref的作用是定义一个基本类型的数据为响应式setup(){letnum=ref(1);//创建一个包含响应式数据的引用(reference)对象//js中操作数据:xxx.value
牛仔在哪·2023-10-26 22:08

Vue3响应式内部原理

响应式的实现方式就是劫持数据，Vue3的reactive就是通过Proxy劫持数据，由于劫持的是整个对象，所以可以检测到任何对象的修改，弥补了2.0的不足。
monana6·2023-10-26 22:37

Composition API(其它部分) — Vue3

1)shallowReactive与shallowRefshallowReactive:只处理了对象内最外层属性的响应式(也就是浅响应式)shallowRef:只处理了value的响应式,不进行对象的reactive
七维大脑·2023-10-26 17:09

前端下载文件

这个值就是文件名但是如果后端传给我们的是一个文本或者字节流，则就需要我们用Blob对象再进行一下处理，把后端给的二进制或者文本数据利用Blob对象生成一个下载地址，然后创建a链接，自动触发a链接进行下载下载json文件下载普通文件import{reactive
小辉吖～·2023-10-26 12:16

vue+echarts+vue-echarts 自定义仪表盘

自定义echarts仪表盘代码示例js部分代码如下（示例）：import{ref,reactive,toRefs}from"vue";exportdefault{setup(props){constthat
Cookie686·2023-10-26 05:14

vue3标注ailabel

图像居中图像放大图像缩小移动注记-->点线段多段线-->圆矩形多边形填充-->撤销-->获取标注数据涂抹-->擦除-->获取rle数据-->手动设置坐标-->importAILabelfrom"ailabel";import{reactive
Tanjc518·2023-10-26 00:58

vue3 hooks demo

exportdefaultfunction(){letpoint=reactive({x:0,y:0})functionusePoint(e){point.x=e.xpoint.y=e.y}onMounted
自由的音符·2023-10-25 21:10

el-tree业务

暂无数据constformState=reactive({node_ids:[],})constselectAllChange=()=>{if(selectAll.value){constlevelTwoNodes
自由的音符·2023-10-25 21:34

【vue3】状态过渡-GSAP插件实现

tweenNum.toFixed(0)}}import{reactive,watch}from'vue'importgsapfrom'gsap'letnum=reactive({currNum:0,tweenNum
String佳佳·2023-10-25 14:36

【Vue复习】Vue面试题收记录

to和next参数，参照当前用户权限对路由重定向1.Vue3与Vue2相比较，有哪些变化组合式API、setup（）、生命周期destoyed被unmounted替换、teleport、双向绑定的优化、reactive
三分落樱·2023-10-25 12:36

vue3实现父组件向子组件传值并监听props改变触发事件

1.父组件向子组件loginPhone传递tel参数phone是在reactive定义的变量也可是是ref定义的变量2.子组件import{watch}from"vue";exportdefault{props
Allen·赵·2023-10-25 11:37

arco-disign vue + vue3 封装一个“下拉多组单选组件”

a-radio-group、a-radio实现效果：调用组件constsearchModel=ref({indicatorScreening:['01','04','05'],});constdict=reactive
小何开发·2023-10-25 10:06

Akka 设计Reactive System架构指南（A-Z翻译系列）Part3

第三部分：使用Akka集群和分片建立集群Akka对于企业用户来说最重要的特性之一就是创建集群。对那些很有经验的java开发者来说，Akka打开了一个新世界：开发不再限定于单个虚拟机上，在多个虚拟机的分布式环境中，基于Akka的应用程序的行为和单个虚机上的行为一样。它的工作方式如下：figure13.png在图13中，数个虚机共同运行组成了一个Akka集群。它们彼此感知，通过gossip协议互相监控
wolfwolfgod·2023-10-25 04:44

vue3.0组件数据定义

3.定义组件//从vue中导入定义组件的方法，就是defineComponentimport{defineComponent,reactive}from'vue'//ES6导出模块，defineComponent
哥是八路·2023-10-25 03:06

vue3 ref 和reactive 置空数组的方式 (两者是有差异的)

1.采用reactive制空数组letgoodList=reactive([{id:1,title:'苹果'},{id:2,title:'鸭梨'}])正常想法goodList=[]//但是这样是不行的正确
大佩梨·2023-10-24 13:10

＜script lang=“ts“ setup＞使用setup语法糖引入组件爆红问题

未使用setup语法糖前注册组件：import{defineComponent,ref,reactive}from"vue";importAddPointsfrom'.
爱酱丶·2023-10-24 13:27

＜script lang=“ts“ setup＞setup语法糖 子传父

子组件：取消import{reactive,ref}from'vue'constemit=defineEmits(["resetForm"])//子组件通信父组件点击了取消按钮//取消constresetForm
爱酱丶·2023-10-24 13:27

vue3+vite在线预览pdf

//import{createLoadingTask}from"vue3-pdfjs/esm/vue-pdf.js";import*aspdfjsLibfrom"pdfjs-dist";import{reactive
朱@·2023-10-24 10:57

Vue3全网最细介绍使用

文章目录一、Vue3介绍二、Vue3项目创建三、Setup四、ref与reactive五、setup-context六、计算属性七、监听属性八、Vue3生命周期九、自定义hook函数十、toRef一、Vue3
LoisMay·2023-10-24 08:48

2023 uniapp( vue3)使用canvas生成海报并保存，taro/微信小程序也适用

有段时间没写vue了，有点生疏了......1、代码有注释，完整代码如下import{onMounted,reactive,ref,watch}from"vue";import{getImgBase64
沐歌丨丶·2023-10-24 07:36

vue3手写一个轮播图

leftrightimport{ref,reactive,toRefs,onMounted,}from'vue'constswiperRef=ref(null)letw=ref(800)letscrollWin
sleeppingfrog·2023-10-24 03:05

一文弄懂 Spring WebFlux 的来龙去脉

概述本文将通过对Reactive以及相关概念的解释引出Spring-WebFlux，并通过一些示例向读者解释基于Spring-WebFlux如何进行反应式编程实践，同时会讨论相关技术的优缺点及技术原理。
小盒子的技术分享·2023-10-23 02:55

springboot重定向到页面_Springboot-WebFlux实现http重定向到https

1简介SpringWebFlux是一个新兴的技术，Spring团队把宝都压在响应式Reactive上了，于是推出了全新的Web实现。
宽客之家·2023-10-23 02:45

vue element组件form表单效验？

html部分：script部分：construleForm=reactive({checkPass:'',});construles=reactive>({checkPass:[{validator:validatePass2
一个大长腿·2023-10-22 23:30

vue3+element-plus 表格默认选中数据

html:js：import{ref,nextTick}from'vue';import{ElTable}from'element-plus';constsearchstate=reactive({list
zxna·2023-10-22 20:20

vue3 element-plus 组件table表格 勾选框回显（初始化默认回显）完整静态代码

{{scope.row.date}}import{ref,reactive,onMounted}from'vue'import{ElTable}from'element-plus'constmultipleTableRef
xiaoming4965·2023-10-22 20:43

react.js 手写响应式 reactive

Redux太繁琐，Mbox很酷但我们可能没必要引入新的包，那就让我们亲自在react.js中通过代理实现一套钩子来达到类似vue的响应式状态：实现reactivehooks代理类声明代理状态的类应当提供可访问的状态，和订阅变化的接口。exporttypeListener=(state:T)=>any;exportinterfaceReactiveCtxModel{value:T;subscribe
Evanpatchouli℃·2023-10-22 19:37

element-table + el-pagination 实现分页多选功能

import{ref,reactive,toRefs,onMounted}from'vue'importtype{PaginationType}from'@/types/glob
weixin79893765432...·2023-10-22 15:33

SpringBoot Webflux 跨域问题

importorg.springframework.http.HttpMethod;importorg.springframework.http.HttpStatus;importorg.springframework.http.server.reactive.ServerHttpRequest
飞鱼丶灬·2023-10-22 01:46
上一页 12 13 14 15 16 17 18 19 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他