Reactive

vue3+element ui组件库el-cascader层联选择器动态加载数据，动态加载省市区县镇街道数据,点击第一级请求数据，根据leaf判断是否有子项，第二级....等，原理同上

1.效果图2.HTML取消确定3.js//准备数据letoptions=reactive([])letdialogVisible=ref(false)//控制弹层constarea=()=>{dialogVisible
00代码搬运工·2023-12-25 14:54

vue3中reactive踩坑记录

在Vue3中，reactive是用来创建响应式数据的。当你尝试用stations=[];直接覆盖一个响应式对象时，Vue3并不会再将其视为响应式的，而是将其替换为一个普通的JavaScript数组。
青莳吖·2023-12-25 12:41

Vue3数据响应式原理以及依赖收集详解（含代码）+面试题如何回答Vue3响应式原理实现+Weakmap与map以及对象和数组的区别

实际回答：Vue3有Ref和Reactive两种实现
学海里的小码农·2023-12-25 11:41

Vue3知识点总结

目录一.创建Vue2工程1.使用vue-cli创建2.使用vite创建二.常用CompositionAPIsetupref函数reactive函数计算属性与监视1.computed函数2.watch函数
蛋黄派i·2023-12-25 09:58

reactive 组合式api声明-vite项目

新增app.vue/***reactive组合式api:*-用来声明响应式状态，*-支持声明对象（对象，Map/Set集合）和数组类型，*-不支持普通（原始）类型：string、boolean、number
wuhuhuan·2023-12-25 06:38

Vite2动态渲染本地图片

如何再vite如何动态渲染本地图片使用绝对路径import{reactive,ref}from"vue";#本来是这样的constimages=ref(["/assets/static/home/banner
Airu·2023-12-25 06:43

Vue3学习（后端开发）

目录一、安装Node.js二、创建Vue3工程三、用VSCode打开四、源代码目录src五、入门案例——手写src六、测试案例七、ref和reactive的区别一、安装Node.js下载20.10.0LTS
翰戈.summer·2023-12-25 02:29

vue3+ts项目封装echarts饼图

:(数据为动态展示所以要封装组件)封装组件为EPIPieChart.vue封装组件通用代码importechartsfrom'@/assets/ts/echarts';import{nextTick,reactive
学习吖·2023-12-25 01:19

Vue中ref与reactive的区别

ref响应式变量ref函数传入一个值作为参数,返回基于该参数的响应式ref对象ref接受参数，并将其包裹在一个带有valueproperty的对象中返回，然后可以使用该property访问或更改响应式变量的值将值封装在一个对象中，看似没有必要，但为了保持JavaScript中不同数据类型的行为统一，这是必须的。这是因为在JavaScript中，Number或String等基本类型是通过值传递的，而
Z_B_L·2023-12-24 10:12

Vue3+Vite+TS解决调用组件实例有类型推断

Vue3+Vite+TS解决调用组件实例有代码提示子组件ChildComponent我是子组件import{reactive}from"vue"constform=reactive({name:""})
奔跑的呱呱牛·2023-12-23 17:47

vue3 H5项目中实现PDF预览

是需要npmivue-pdf-embed安装这个插件的，可兼容ios/Android，下面是本人的使用实例import{onMounted,ref,reactive}from'vue'import{ylhtPdf
晚风吹心事·2023-12-23 14:54

一篇文章搞定Vue3响应式数据最常用的ref、reactive、computed、watch方法

前言Vue3中可以通过响应式API来创建响应式对象，相较于Vue2中使用Object.definProperty来劫持get和set不同，Vue3中使用的是Proxy来创建响应式对象，使用Proxy有以下几点优势：1.对象新增属性不再需要手动$set添加响应式，Proxy默认会监听动态添加属性和属性的删除等操作。2.消除无法监听数组索引，length属性等等，不再需要在数组原型对象上重写数组的方法
吃饭睡觉打代码想南南·2023-12-23 11:40

vue ref和reactive的区别

ref函数传入一个值作为参数,返回基于该参数的响应式ref对象ref接受参数，并将其包裹在一个带有valueproperty的对象中返回，然后可以使用该property访问或更改响应式变量的值将值封装在一个对象中，看似没有必要，但为了保持JavaScript中不同数据类型的行为统一，这是必须的。这是因为在JavaScript中，Number或String等基本类型是通过值传递的，而不是通过引用传递
贰零壹玖.·2023-12-23 11:58

screenfull全屏展示

全屏展示退出全屏展示exportdefault{name:'signalConsistency'}import{computed,onMounted,onUnmounted,reactive,ref,watch
阿Q--小黑·2023-12-22 22:07

vue3+antdesign的输入框(input)添加失去焦点触发事件

onBlur事件12源码:import{defineComponent,ref,getCurrentInstance,nextTick,onMounted,unref,inject,UnwrapRef,reactive
尘埃里的玄·2023-12-22 21:40

vue3.0 reactive函数

reactive（）函数接收一个普通对象，返回一个响应式的数据对象。
阿鑫YuXi9999·2023-12-22 12:21

【Vue3】watch监听的五种情况

reactive定义的数据。函数返回一个值（getter函数）。一个包含上述内容的数组。
小球学前端·2023-12-22 01:24

JavaWeb——第七章 前端工程化_2

视图渲染技术6.1模版语法6.1.1插值表达式和文本渲染6.1.2Attribute属性渲染6.1.3事件的绑定6.2响应式基础6.2.1响应式需求案例6.2.2响应式实现关键字ref6.2.3响应式实现关键字reactive6.2.4
_Matthew·2023-12-22 00:07

面试必问-vue3中ref与这个reactive的区别

ref和reactive是Vue3中两种不同的响应式数据处理方式。ref：ref函数可以将普通的Javascript值转换为一个响应式引用。
超维Ai编程·2023-12-21 23:53

刚学的把HTML页面改到vue当中

去注册import{Lock,User}from'@element-plus/icons-vue'importmySwitchfrom'@/utils/mySwitch'import{reactive,
在努力的前端小白·2023-12-21 19:50

【总结】转行小白历险记 Vue 3 组合式 API 的内置的实用函数和生命周期钩子

reactive：用于创建一个响应式对象，适用于对象和数组。computed：创建一个计算属性，其值是基于响应式依赖动态计算的。
一只规划转行狗的转行日记·2023-12-21 18:41

Java异步编程源码及原理解析：Future、FutureTask、@Async、ForkJoin框架、CompletableFuture、Redis队列、Reactive响应式编程的优缺点及适用场景

Java异步编程源码及原理解析目录1.Fork-Join2.FutureTask3.Async注解介绍4.CompletableFuture5.中间件+线程池会当凌绝顶，一览众山小。1.Fork-Join框架介绍从一道面试题讲起：如何使用多线程实现归并排序？publicclassSolution{privatestaticfinalForkJoinPoolpool=newForkJoinPool(
DougLeaMrConcurrency·2023-12-21 13:28

Vue3之响应式基础

数组或者JavaScript内置的数据结构import{ref}from'vue'constcount=ref(0)functionincrement(){count.value++}{{count}}reactive
前端入门到入坑·2023-12-21 07:57

vue3Watch监听RefImpl对象的说明

vue3Watch监听RefImpl对象的说明watch监听RefImpl对象watch监听RefImpl对象import{ref,reactive,watch}from"vue";exportdefault
莫循瑾木·2023-12-21 04:09

vue3一键回到顶部方法

110import{reactive,toRefs,onBeforeMount,onMounted,}from'vue'import{useRouter,useRoute}from'vue-router
小阳生煎·2023-12-21 00:17

Vscode中快速生成Vue3模版

步骤：设置=>用户代码片段=>新建vue3文件夹的代码片段{"Printtoconsole":{"prefix":"vue3","body":["","","","","","import{reactive
小阳生煎·2023-12-21 00:47

vue3中的组件间通信

/component/list.vue";//这是子的文件import{ref,watch,reactive,toRefs}from"vue";exportdefault{components:{rcode
小阳生煎·2023-12-21 00:47

Vue3的路由跳转传参接参

vue2路由跳转点击这里分为2种方法query========通过router.push{path:'跳转路径',query{传入参数}}然后通过route.query来进行接收a页面登录import{reactive
小阳生煎·2023-12-21 00:47

【vue3】通过 elmentui 中的 el-tree树状栏实现数据筛选

tree.vue页面，完整代码共有{{person.data.total}}个符合条件的课程0">{{item.Name}}import{reactive}from'vue'import{getDicList
禾小毅·2023-12-20 16:32

【vue3】watch与watchEffect的全面用法（一篇就会）

如果是监听reactive对象中的属性，必须通过函数来指定。如果监听多个数据，需要使用数组来指定。默认初始时不执行回调，但可以通过配置i
Aray阿伟·2023-12-20 14:11

vue模板--未完学习中

vue2模板初始模板hello{{data.name}}{{name}}//js代码import{reactive,toRefs}from"vue"//引入本页面需要的东西exportdefault{name
xp_1711·2023-12-20 11:30

Vue--第八天

Vue31.优点：2.创建：3.文件：换运行插件：4.运行：setup函数：setup函数中获取不到this（this在定义的时候是Undefined)reactive()和ref():代码：//reactive
CMBSNBB·2023-12-20 03:30

vue模板语法

一、插值1、文本（1）v-text语法缩写：{{…}}（双大括号）的文本插值方法一：hello{{data.name}}}import{reactive}from"vue"//引入本页面需要的东西exportdefault
xp_1711·2023-12-19 03:07

Vue3 reative回显问题

1.reactive在做项目的时候通常会遇到这种情况，比如我们有一个Table显示数据，添加Table数据的时候使用dialog弹出，在里面填写字段然后添加。
CV工程师!!·2023-12-18 21:37

函数式编程 h函数

idnameage操作{{item.id}}{{item.age}}{{item.name}}编辑删除import{ref,reactive,h}from"vue";//1.template模板书写风格
你的美，让我痴迷·2023-12-18 12:19

vue3+ts nextTick函数的使用

{{item.name}}{{item.message}}sendimport{reactive,ref,nextTick}from"vue";letchatList=reactive([{name:"
你的美，让我痴迷·2023-12-18 12:18

flv 轮播功能(单个、多个)

 开始和停止按钮                              import{ defineComponent, toRefs, reactive, getCurrentInstance, 
·2023-12-18 11:59

springboot整合webflux访问openai接口报错

报错信息:org.springframework.web.reactive.function.client.WebClientRequestException:远程主机强迫关闭了一个现有的连接。
weixin_43652507·2023-12-18 09:36

vue3中ref及reactive的说明

目录1.响应式说明2.vue3的ref及reactive的使用3.reactive响应式失效问题4.总结1.响应式说明vue的响应式是vue框架中的核心概念之一，它是指当数据发生变化时，vue能够自动更新视图
linab112·2023-12-18 06:59

reactive数据不响应

我们知道，reactive函数用于创建对象等复杂数据的响应式代理对象，当该对象的属性发生变化时，会自动触发视图更新。
STATICHIT静砸·2023-12-18 06:18

TypeScript TSX 使用 [ElDatePicker] 报错缺少事件类型，onChange 提示 “不存在属性“onChange”“

index.tsx：importstyledfrom'@/styled-components'import{defineComponent,ref,reactive}from'vue'import{ElDatePicker
＊且听风吟·2023-12-18 05:57

vue3拖拽组件vuedraggable

页面布局部分：切换上位置{{element.label}}切换下位置111{{element.label}}图片及模块引入部分：import{reactive}from"vue";//引入vuedraggable
@tg6666666666666·2023-12-18 02:33

vue3组件的基本结构

springbootimport{useRouter}from"vue-router";import{useStore}from"vuex";import{get,post}from"@/util/service";import{reactive
超维Ai编程·2023-12-17 17:33

vue3通过provide与inject我们可以把父组件数据传递N个层级的子组件

inject我们可以把数据传递给N个层级的子组件，比如A组件用了B组件，B组件用了C组件，它可以把组件直接从A传给C组件,vue2使用computed来实现响应式,而vue3中provide使用ref或reactive
邹荣乐·2023-12-17 15:49

Vue3之计算属性与侦听器

import{reactive,computed}from'vue'constauthor=reactive({name:'JohnDoe',books:['Vue2-AdvancedGuide','Vue3
前端入门到入坑·2023-12-17 11:47

【Vue原理解析】之响应式系统

vue3实现主要基于ProxyAPI和Reactive，Reactive函数负责将一个普通的JavaScript对象转换成响应式对象。它通过递归遍历对象的所有属性，并使用Proxy代理对象来实现
俊刚、·2023-12-17 10:30

vue3 setup语法糖的三种书写方法

NO.3setup写在js中，使用reactive打包页面内数据，再使用toRefs解构。
爪爪蛙·2023-12-17 02:12

vue3快速上手

值为一个函数2.setup是所有compositionapi(组合式API)的起始3.组件中所用到的：数据方法等，均需要配置在setup中4.setup函数的两种返回值：5.注意点：2.ref函数3.reactive
叶浩成520·2023-12-17 02:05

vue3源码解读--reactive

目录vue2源码vue3源码示例源码和ref一样，在调用setup过程中将执行到reactive，可以看到其核心是使用newProxy对原对象进行了代理，且其传入的拦截处理函数和data响应式的是同一个
习惯水文的前端苏·2023-12-16 22:46

vue3：直接修改reative的值，页面却不响应，这是什么情况？

目录前言：错误示范：reactive()的局限性解决办法：1.使用ref2.reative多套一层3.使用Object.assign前言：今天看到有人在提问，问题是这样的，我修改了reative的值，数据居然失去了响应性
前端 贾公子·2023-12-16 18:54
上一页 6 7 8 9 10 11 12 13 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他