Reactive

理解Reactive Programing

定义常见的Reactive说法：异步非阻塞编程能够提升系统性能能解决传统编程的困境维基百科Incomputing,reactiveprogrammingisadeclarativeprogrammingparadigmconcernedwithdatastreamsandthepropagation
Real_man·2023-12-16 16:52

【vue3】优雅的解决reactive()响应式对象初始化重新赋值问题

为什么不用Object.assign()处理reactive()?什么情况下用Object.assign()处理
oumae-kumiko·2023-12-16 08:47

isRef、unRef、toRef、toRefs、shallowRef

import{reactive,toRefs}from"vue"functionuseCount(){conststate=reactive({count:0,})functionupdate(value
Repeater、·2023-12-16 06:18

toRaw()、reactive()以及ref和reactive的区别

import{reactive,toRaw,isReactive}from"vue"conststate={count:1}constreactiveState=reactive(state)console.log
Repeater、·2023-12-16 06:18

Vue3-04-reactive() 响应式失效的三种情况

//声明变量letobj1=reactive({name:"第一个对象"})//改变变量的指向obj1=reactive({name:"第二个对象的属性"})console.log('obj1.name
NorthCastle·2023-12-16 00:16

Vue3中ref和reactive的区别

前言Vue3中实现数据响应式，用到的是组合式API中的ref和reactive函数，不同的是ref函数一般定义基本类型数据，而reactive函数用于定义一个对象类型的响应式数据。
smileAgain-lg·2023-12-15 20:57

【全方位对比】前端vue2、vue3、vue3语法糖三种写法

Vue前言1、点击切换页面数据实例对比1.1、vue21.2、vue31.3、vue3setup语法糖2、ref和reactive2.1、vue22.2、vue32.3、vue3setup语法糖3、生命周期
smileAgain-lg·2023-12-15 20:27

Vue3+ts实现页面跳转及参数传递

##列表页import{reactive,toRefs}from'vue'//1引入useRouter路由信息方法import{useRouter}from'vue-router'//2获取实例constrouter
aa啊呀·2023-12-15 19:46

el-table的复选框占满全格

因为每次复制内容都会选中，实现效果是点击el-table的复选框单元格就可以选中//如果某一行的内容超出的话添加超出省略show-overflow-tooltip或者增大复选框的高度import{ref,reactive
yi碗吃不够·2023-12-15 17:25

Vue3-03-reactive() 响应式基本使用

reactive()的简介reactive()是vue3中进行响应式状态声明的另一种方式；但是，它只能声明【对象类型】的响应式变量，【不支持声明基本数据类型】。
NorthCastle·2023-12-15 15:12

Vue学习笔记-Vue3中的shallowReactive和shallowRef

shallowReactive作用：与reactive作用类似，但只处理对象最外层属性的响应式（浅响应式）使用场景：如果有一个对象数据，结构比较深（内嵌多层对象），但只需要最外层的属性进行响应式，则使用
theLuckyLong·2023-12-15 13:11

Vue学习笔记-Vue3对响应式数据的判断

导入import{isRef,isReactive,isReadonly,isProxy}from'vue'作用isRef：检查一个值是否为ref对象isReactive：检查一个对象是否由reactive
theLuckyLong·2023-12-15 13:54

Vue学习笔记-Vue3中的provide与inject

provide,inject}from'vue'使用：provide：祖组件使用该方法提供数据（可以给任意后代组件，但一般用于孙组件及其后代组件，因为父子间的数据传递用props）setup(){letcar=reactive
theLuckyLong·2023-12-15 13:53

Vue学习笔记-Vue3中的toRaw和markRaw

toRaw作用：将一个由reactive生成的响应式对象转为普通对象导入：import{toRaw}from'vue'使用方法：letdata=reactive({k1:'v1',k2:'v2'})//
theLuckyLong·2023-12-15 12:08

原生Html 引入element UI + vue3 表单校验设置

效果：提交时，检验结果展示html源码保存按钮商品信息const{createApp,ref,reactive}=Vueconst{ElMessageBox}=ElementPlusconstapp=createApp
Lan.W·2023-12-15 06:49

Vue3中定义变量是选择ref还是reactive？

目录ref和reactive的优势1.ref优势：应用场景：示例：2.reactive优势：应用场景：示例：ref和reactive的劣势1.ref2.reactive应用案例总结Vue3中定义变量可以选择使用
冰海恋雨.·2023-12-15 04:40

vue3在table里使用elementUI的form表单验证

import{reactive}from"vue";constformParams=reactive({form:{input1:"",input2:""},rules:{input1:{validator
小朱小先生·2023-12-14 20:25

反应式编程(Reactive Programming)

本章将介绍该作品系列最后一种编程范式，也就是第种编程范式--反应式编程(ReactiveProgramming)，以及它的优缺点、案例分析和项目代码。异步数据流和事件异步数据流和事件是反应式编程的核心概念，用于描述非阻塞的数据流和事件驱动的编程模型。异步数据流异步数据流是指数据的产生和处理不是在一个单一的执行线程中完成的，而是以非阻塞的方式在不同的执行上下文中传递。在这种模型中，数据元素按照时间的
qq_40260394·2023-12-14 12:33

vue中使用国密算法SM2、SM3、SM4

1、安装包npminstallgm-crypto2、引入包import{SM4,SM3,SM2}from'gm-crypto';3、SM2加密解密letSM2Data=reactive({publicKey
落叶上的秋·2023-12-06 18:05

vue3.0 写法 格式

utils/utils.jsimport{reactive,toRefs}from'vue'import{useStore}from'vuex'exportdefaultfunction(){conststore
qq_34114535·2023-12-06 14:56

vue表格合计 计算 保留两位小数

HTML:名称数量单价小计{{item.name}}{{item.total.toFixed(2)}}总计：{{grandTotal.toFixed(2)}}JavaScript:import{reactive
我爱学习yq·2023-12-06 08:58

Vue 定义只读数据 readonly 与 shallowReadonly

readonly深层次只读：reactive数据姓名：{{info.name}}年龄：{{info.age}}修改reactive数据readonly数据姓名：{{re
小吴吴吴呀·2023-12-05 22:06

VUE语法-(readonly的用法)将数据设置成只读模式

如果不会使用ref和reactive响应式数据参考如下博客：https://blog.csdn.net/tangshiyilang/article/details/1347011032、具体实现如下案例
雾林小妖·2023-12-05 22:03

Vue3中reactive和ref对比

Vue3中reactive和ref对比数据角度对比原理角度对比使用角度对比数据角度对比ref用来定义:基本类型reactive用来定义:对象(或数组)类型数据备注:ref也可以定义对象或数组类型数据,它内部会调用
*郑*·2023-12-05 21:55

vue3+ts 图片懒加载

import{ref,reactive}from"vue";importtype{Directive}from"vue";import{entries}from"lodash";//glob是懒加的模式
你的美，让我痴迷·2023-12-05 15:26

vue使用qrcodejs2-fix或者qrcodejs2插件生成二维码

1.vue2安装npmiqrcodejs21.1.vue3安装npminstallqrcodejs2-fix2.组件中引入并封装成公共组件，vue3版import{defineComponent,reactive
柠檬加栤·2023-12-05 13:00

第四代Express框架koa简介

然后在Spring5中引入了SpringWebFlux，这是基于reactive-netty的异步IO框架。同样的，nodejs在最初的Express3基础上发展起来了异步的koa框架。
flydean程序那些事·2023-12-05 13:30

用js写一个自定义的滚动条

在一些业务场景下，默认滚动条样式不符合业务需求，且用css并不好改，此时需要用js，自己写一个滚动条滚动条组件tabScroll.vueimport{computed,onUpdated,reactive
Yriaf@2022·2023-12-04 21:20

Vue3组合式API

组合式API是一系列API的集合响应式API例如ref()和reactive()，使我们可以直接创建响应式状态、计算属性和侦听器。
翰戈.summer·2023-12-04 21:29

面试官：vue3中，ref和reactive有什么区别？

3.vue3中，ref和reactive有什么区别？
伊泽瑞尔灬·2023-12-04 17:44

SpringCloudAlibaba项目报错java.lang.IllegalArgumentException: Could not find class [org.springframew解决方案

java.lang.IllegalArgumentException:Couldnotfindclass[org.springframework.cloud.client.discovery.composite.reactive.ReactiveCompositeDiscoveryClientAutoConfiguration
minge0001·2023-12-04 15:25

SSM项目实战-编写路由规则以及登录页面实现，使用Vue3+Vite+Element-Plus+Axios技术

1、components/Login.vue  登录注册 import{reactive}from'vue'constform=reactive({username:'lina
丁总学Java·2023-12-04 06:38

Vue3快速生成模板

usersnippets（用户片段）新建vue.json，粘贴如下内容{"Vue3快速生成模板":{"prefix":"vue3","body":["","","","","import{defineComponent,reactive
Seven奇·2023-12-04 05:08

对el-select封装成组件使用

效果与直接使用el-select一样，多处用el-select显得代码冗余就进行了封装效果图：el-select封装：import{reactive,watch}from"vue";constemits
m0_63701303·2023-12-03 19:00

对el-button封装使用

x改变el-button样式并且多处使用el-button封装：{{title}}import{reactive,watch}from"vue";importbtn1from"..
m0_63701303·2023-12-03 19:28

一文从Vue2过渡到Vue3

文章目录Vue3简介创建Vue3.0工程使用vue-cli创建使用vite创建Vue3工程结构变化常用CompositionAPI拉开序幕的setupref函数reactive函数Vue3.0中的响应式原理
十八岁讨厌编程·2023-12-03 19:06

VUE语法-ref和reactive响应式数据引用

1、响应式概述在vue中定义一个参数，当这个参数在使用中发生了变化，在页面中对这个数据应用的地方都会同步的发生变化，这个就是数据响应式。2、创建一个非响应式的参数该程序中采用的是VUE3的用法：1、在程序中定义了一个局部变量letname=”晓春”;并在id=”app”的div中通过{{name}}的方式应用。通过setTime定义了一个定时器，2s之后将将name的值修改为”大春”2、这种情况下
雾林小妖·2023-12-03 17:38

web前端之vue3

MENUvue3响应式数据的判断、isRef、isReactive、isReadonly、isProxy、ref、reactive、readonlyvue3的生命周期vue3手写isRef、isReactive
蒙尸凶MJ682517·2023-12-03 12:10

el-tree组件图标的自定义

一、方法一：当所需图标存在于content的字符集时content字符集import{defineComponent,reactive,toRefs}from"vue";exportdefaultdefineComponent
兜小糖的小秃毛·2023-12-03 11:18

VUE设计与实现共读系列之ref的实现【响应式原理】

前言我们先顺一下vue使用响应式数据的流程：vue是通过ref和reactive来创建响应式值，改变响应式值，视图跟着发生变化。
冰镇白干·2023-12-03 09:19

Vue3的reactive、ref、toRef、toRefs用法以及区别

在Vue3中，reactive,ref,toRef,toRefs都是用于创建响应式数据的方法。它们之间的主要区别在于它们的使用方式和返回值类型。reactive：用于将一个普通对象转换为响应式对象。
特创数字科技·2023-12-03 03:19

Vue3中定义变量是选择ref还是reactive？

Ref与reactive在Vue3中，reactive和ref是用于创建响应式数据的两个不同的API。它们都是Vue3CompositionAPI的一部分。
heiyay·2023-12-03 01:47

前端入门（五）Vue3组合式API特性

文章目录Vue3简介创建Vue3工程使用vite创建vue-cli方式常用CompositionAPI启动项-setup()setup的执行时机与参数响应式原理vue2中的响应式vue3中的响应式ref函数reactive
椛丿未眠”·2023-12-02 22:54

前端实时展示日期（vue3项目）

timeInfo.nowDate}}{{timeInfo.nowWeek}}{{timeInfo.nowTime}}cpu:{{randomInt.num}}%//第一步：定义变量//时间内容consttimeInfo=reactive
weixin_47560716·2023-12-02 14:32

vue3自定义tab组件切换简易效果

vue3实现一个tab切换效果：{{item.name}}import{reactive,markRaw}from'vue'importAfrom'.
乙火·2023-12-02 10:45

element + vue3，级联选择器实现省市区

import{ref,reactive,toRaw,onMounted,watch,onBeforeUnmount}from'vue'importtype{CascaderProps}from'element-plus'import
irisMoon06·2023-12-02 10:07

自定义hook函数与toRef

hooks文件夹里面的usepoint.js（相当于封装了一套，后续直接一套带走）import{onMounted,reactive,onBeforeUnmount}from'vue'expor
小巨要做一个很棒的人·2023-12-02 07:19

一，vue3 解构 获取值 双向绑定 二。数据监听 双向绑定 三。冒泡排序

{{item.username}}引用num值--{{num}}引用msg值--{{msg}}//import{continueStatement,}from'@babel/types'import{reactive
阿金要当大魔王~~·2023-12-01 22:50

vue3使用动态component

使用方法：1.通过vue的defineAsyncComponent实现挂载组件2.component中的is属性父组件：{{item.name}}下面为动态组件import{reactive,onMounted
m0_63701303·2023-12-01 21:45

Vue3+ElementPlus，image动态更新src

我想通过点击图片动态更新src，代码如下：constImageUrl=reactive('http://localhost:9001/getImage')constrefresh=()=>{ImageUrl
y523648·2023-12-01 17:28
上一页 7 8 9 10 11 12 13 14 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他