E-COM-NET
首页
在线工具
Layui镜像站
SUI文档
联系我们
推荐频道
Java
PHP
C++
C
C#
Python
Ruby
go语言
Scala
Servlet
Vue
MySQL
NoSQL
Redis
CSS
Oracle
SQL Server
DB2
HBase
Http
HTML5
Spring
Ajax
Jquery
JavaScript
Json
XML
NodeJs
mybatis
Hibernate
算法
设计模式
shell
数据结构
大数据
JS
消息中间件
正则表达式
Tomcat
SQL
Nginx
Shiro
Maven
Linux
Reactive
Vue3 父子组件传值 ts
子组件通defineEmits派发一个事件来传递给父组件父组件加接收子组件传过来的数据:{{child}}import{
reactive
,ref}from'vue';importChildViewfrom
梦雨生生
·
2024-01-23 19:56
Vue3
javascript
vue.js
前端
Vue3的ref和
reactive
目录1、ref的基本使用2、
reactive
的基本使用3、ref操作dom4、ref与
reactive
的异同1、ref的基本使用ref创建数据可以是基本类型也可以是引用类型ref函数创建响应式数据,返回值是一个对象模版中使用
诗霖雪
·
2024-01-23 07:23
vue笔记
vue.js
前端
javascript
vue3使用 echarts - 饼图、折线图
下载安装npminstall-Secharts使用饼图-带中心图形-graphic-elementsimport{onMounted,ref,
reactive
,unref,nextTick}from"vue
浮桥
·
2024-01-23 06:06
echarts
前端
javascript
uniapp实现页面左滑右滑切换内容
标签|uview-plus3.0-全面兼容nvue的uni-app生态框架-uni-appUI框架```vue{{item.name}}import{onMounted,onUnmounted,ref,
reactive
浮桥
·
2024-01-23 06:31
uni-app
vue.js
Vue 兄弟组件通信
Vue3中,以下是五种常用的方法来实现兄弟组件之间的通信:使用共享状态(SharedState):创建一个共享的数据仓库(store),可以使用Vuex或者Vue3的新特性CompositionAPI中的
reactive
珊珊而川
·
2024-01-23 05:34
vue.js
javascript
ecmascript
Vue 兄弟组件通信
Vue3中,以下是五种常用的方法来实现兄弟组件之间的通信:使用共享状态(SharedState):创建一个共享的数据仓库(store),可以使用Vuex或者Vue3的新特性CompositionAPI中的
reactive
珊珊而川
·
2024-01-23 05:34
vue.js
javascript
ecmascript
SpringBoot-SpringBoot启动解析
构造SpringApplication对象1、推测web应用类型1.如果项目依赖中存在org.springframework.web.
reactive
.DispatcherHandler,并且不存在org.springframework.web.servlet.DispatcherServlet
长情知热爱
·
2024-01-23 05:22
spring
boot
后端
java
vue3完整的登录页面,element-plus
Createimport{ref,
reactive
}from'vue';importtype{FromItemRules,FormInstance}from"element-plus"//donotusesamenamewithrefinterfaceIform
paul jeorgh
·
2024-01-22 17:28
vue.js
javascript
前端
elementui
html5
同事都说我卷,趁着午休我 —— 彻底熟练使用《Vue3的选项APi》
setup函数的返回值setup不可以使用thisVue3中
reactive
和ref和toRefs和toRefreadonly只读属性toRefcomputedWacth监听Vue2watch监听vue3watch
彩色之外
·
2024-01-21 23:07
#
vue3
vue.js
javascript
ecmascript
拥抱组合式API:vue3的script setup解析看这篇就够
ref与
reactive
在setup中,我们拥有ref和
reactive
俩个api去创建一个响应式变量,这俩者存在的区别是ref是针对基本类型的响应,而re
智密科技
·
2024-01-21 23:36
uniapp插件
vue.js
前端
javascript
vue
前端框架
solidjs 中 createEffect 监听指定的 Signal
React的useEffect只需指定依赖数组useEffect(()=>{//code},[a,b,c])Vue3的watch可以指定conststate=
reactive
({a:0,b:1})watch
xxxxxue
·
2024-01-21 09:08
JavaScript
javascript
前端
solid
solidjs
vue3中
reactive
和ref函数及对比
Vue3中的`
reactive
`和`ref`函数是用于管理响应式数据的两个重要函数。它们都是Vue3中的CompositionAPI的一部分,旨在简化应用程序的状态管理。
跟Bug双向奔赴
·
2024-01-21 08:35
vue
vue.js
前端
javascript
vue3:el-table多选框设置默认选中,翻页保留选中状态
问题:el-table多选框设置默认选中,进行翻页,之前选中的数据没有保留选中状态import{watch,
reactive
,ref}from"vue"import{getUsers}from"@/api
儒雅的曹曹曹
·
2024-01-21 07:30
vue.js
elementui
javascript
【Java基础(高级篇)】响应式编程
文章目录1.概述2.stream流式编程3.
Reactive
-Stream4.响应式编程5.Reactor5.1Mono和Flux5.2subscribe()5.3多线程5.4常用操作API示例5.5错误处理
比尔高特
·
2024-01-21 07:57
#
01
JAVA基础
java
readonly跟shallowreadonly(vu3)
shallowreadonly当你不想让别人修改你的数据,你可以在setup中用readonly包裹,shallowreadonly可以让你写的对象的第一层不被修改用法如下name0=ref(12)letobj=
reactive
白小码
·
2024-01-21 01:45
前端
javascript
vue.js
shallowRef跟shallowReactive(vue3)
说这两就得先说说ref跟reactiveref主要是处理简单数据类型,实现响应式,也可以处理复杂数据类型
reactive
只可以处理复杂数据类型但是shallowRef只能处理简单数据类型,不能处理复杂数据类型做响应式
白小码
·
2024-01-21 01:45
前端
vue.js
toRef和toRefs(vue3)
可以把一个不是ref的对象变成ref看不懂就直接看例子吧//此处没用toRef姓名:{{obj.name}}年龄:{{obj.age}}薪资:{{obj.obj2.xz}}修改名字修改年龄加钱import{
reactive
白小码
·
2024-01-21 01:15
vue.js
前端
vue3中watchEffect的使用
需要注意的是,watchEffect会在组件挂载时自动执行一次,效果就像watch配置了immediate为true一样import{
reactive
,w
小羊lbg
·
2024-01-20 22:15
Vue
vue.js
前端
javascript
一文讲清楚vue3中ref、
reactive
、toRef、toRefs、isRef、isReactive、unref、toValue的使用
创建响应式数据ref先看一个组件lettemplate=`{{count}}在模板+1通过方法+1`exportdefault{setup:function(){letcount=0letincrement=()=>count++return{count,increment}},template,}我们定义了一个count,还有一个修改它的方法,并尝试在模板中通过两种方式去修改它,但结果却是页面没
小羊lbg
·
2024-01-20 22:43
Vue
vue.js
javascript
ecmascript
v3的响应式,ref,
reactive
和生命周期(简写)
vue3笔记1.两种安装方式(1)直接创建项目vue3(2)使用vite组件传值1.组件传值的用法从父组件向子组件传值:2.defineprops函数defineProps函数在setup标签内不需要引入,可直接使用defineProps({prop1:Number,});根据传入的值来设置格式3.prop类型的较验子组件required:true写的话,父组件必须传入属性值default:999
Mangcun_tutu
·
2024-01-20 20:27
vue.js
前端
javascript
学习响应式编程中遇到的奇奇怪怪的问题
spring项目无法启动Description:Webapplicationcouldnotbestartedastherewasnoorg.springframework.boot.web.
reactive
.server.ReactiveWebServerFactorybeandefinedinthecontext.Action
ganjiee0007
·
2024-01-20 18:52
学习
java
开发语言
vue3中
reactive
和ref函数及对比
在Vue3中,
reactive
和ref都是用于创建响应式数据的方法。ref函数接收一个参数,返回一个包装过的响应式对象。
我爱学习yq
·
2024-01-20 10:28
vue.js
javascript
前端
[GN] Vue3快速上手1
文章目录前言使用vue-cli创建VUE3.0VUE3.0介绍CompositionAPI首要配置setupref函数
reactive
函数toRefs与toRef计算属性与监视1.computed函数2
GGood_Name
·
2024-01-20 08:25
vue.js
javascript
前端
Vue3中的ref和
reactive
函数如何使用?区别是什么?
ref函数语法:复制constxxx=ref(initValue)接受的数据类型:基本类型,对象类型作用:把参数加工成一个响应式对象,全称为reference对象(我们下面一律简称为ref对象)核心原理:响应式依赖Object.defineProperty()的get()和set()。Ref函数对于基本数据类型的参数基本使用:复制{{Str}}import{ref}from'vue'exportd
山抹微云_9c0c
·
2024-01-20 02:08
Vue + Django — 使用两种前端框架的优势
Vue的现代
reactive
组件为在丰富的Javascript生态系统中构建复杂的UI提供了强大的工具。
PathonDiss
·
2024-01-20 02:19
Vue3笔记
文章目录1、Vue3.0环境集成1.使用vue-cli创建2.使用vite创建2、常用的CompositionAPI(组合API)1、setup函数2、ref函数3、
reactive
函数4、Vue3.0
小狐狸ya
·
2024-01-19 15:52
vue
vue.js
javascript
前端
vue3和ant-design-vue的<a-form>表单自定义规则校验封装
使用ant-design-vue里面的rules属性增加校验$refs.formBox">//a-form-item外面包裹a-row和a-col是为了利用其调整每个表单元素的距离improt{ref,
reactive
小王讨厌洋葱
·
2024-01-19 10:19
vue.js
javascript
前端
element-plus+vue3+echarts实现自适应可视化大屏
生产作业可视化大屏{{percentage}}%{{t('page.完成率')}}{{item.name}}{{item.value}}▋要货单▋调拨订单/销售订单▋发货通知单▋库存调拨入库单▋配送单import{
reactive
江湖人称大佬
·
2024-01-19 10:16
自适应可视化大屏
echarts
javascript
elementui
vue3中
reactive
和ref函数及对比
reactive
和ref函数1.
reactive
接受对象类型数据的参数传入并返回一个响应式的对象//导入import{
reactive
}from'vue'//执行函数传入参数变量接收conststate
香香爱编程
·
2024-01-19 10:11
前端
javascript
java
【Vue3源码】第四章 实现isReadonly和isReactive
1、实现isReactive官网是这么介绍的:检查一个对象是否是由
reactive
()或shallowReactive()创建的代理。原理很简单我们来实现一下这个函数~先看单元测试
顽皮宝
·
2024-01-19 07:59
vue
前端
javascript
开发语言
Demo: 实现PDF加水印以及自定义水印样式
实现PDF加水印以及自定义水印样式预览下载import{ref,
reactive
,onMounted}from'vue'import{degrees,PDFDocument,rgb,StandardFonts
goto_w
·
2024-01-19 02:43
vue
js基础语法
HTML+CSS+JS
pdf
javascript
前端
vue.js
路飞项目--02
补充:axios封装#普通使用:安装,导入使用constfilmList=
reactive
({result:[]})axios.get().then()asyncfunctionload(){letresponse
糖果爱上我
·
2024-01-19 00:58
前端
javascript
开发语言
vue.js
django
ecmascript
python
vue3前端开发,自学一下
reactive
,ref的差异是什么。
vue3前端开发,自学,学习一下,
reactive
和ref的差别。以及基础用法。前言,这2个东西,都能对外输出动态的数据对象。
yrldjsbk
·
2024-01-18 20:33
VUE3
javascript
前端
vue.js
Vue3 el-table 如何动态合并单元格
import{ref,toRefs,
reactive
,nextTick,computed,watch,onMounted}from"vue";consttableData=[//一年级{area:"华北
Mr_TianSDQ
·
2024-01-18 17:40
前端
vue.js
javascript
elementui
Reactive
-Stream
jvm面向流的库的标准和规范1.处理可能无限数量的元素2.有序3.在组件之间异步传递元素4.强制性非阻塞背压模式正压:数据的生产者给消费者压力背压:生产者产生大量数据,队列缓冲将请求缓存起来,消费者根据自己能力逐个处理问题:多线程环境下,线程越多越好还是越少越好100个线程,4核cpu:1个核心核心排队了很多线程,线程就要切换切换就要保留线程(浪费内存,浪费时间)越多的线程只会产生激烈的竞争思路:
Angela龙
·
2024-01-18 15:18
react
native
通过实现最简
reactive
,学习Vue3响应式核心
Reactivity响应式模块注:(此篇帖子所描述的是响应式的最简核心逻辑部分,与V3代码会有出入,这是因为Vue的代码会需要大量的处理边缘条件,因此请不要因为这一点过于纠结或者对此篇帖子进行抨击,多谢啦!)注:(帖子内容算不上精简,如果觉得啰嗦也不要停哈,还是能把东西讲清楚的!)好了!开始!!首先我们需要明白,Vue3与Vue2中响应式核心的不同,最最明显的区别就是:在v2中响应式处理采用Obj
S_G.
·
2024-01-18 15:10
vue.js
javascript
前端
第十一章 实现
reactive
和readonly嵌套对象转换的功能
实现
reactive
和readonly嵌套对象转换的功能
reactive
嵌套主要实现是
reactive
包装过的对象里面的其他对象也是
reactive
的测试用例:import{isReactive,
reactive
LJPchosen1
·
2024-01-18 15:09
vue3源码
javascript
vue3
reactive
定义的变量,快速赋值对象里所有属性,且不丢调响应式
Object.assign(ruleForm,result)letruleForm=
reactive
({applicantName:'',applicantCorporation:'',applicantCorporationNumber
吴冬雪~
·
2024-01-18 15:38
vue3.0
前端
vue3学习——
Reactive
全家桶
reactive
返回对象的响应式副本,响应式转换是“深层”的——它影响所有嵌套property。
如蕤_421
·
2024-01-18 15:38
学习
前端
vue
Vue3 — setup、
reactive
与ref细节
setup细节setup执行的时机在beforeCreate之前执行(一次),此时组件对象还没有创建this是undefined,不能通过this来访问data/computed/methods/props其实所有的compositionAPI相关回调函数中也都不可以父组件-----{{msg}}更新数据import{defineComponent,ref}from"vue";importChil
balance~~
·
2024-01-18 15:07
vue.js
javascript
前端
初入vue3之--->关于vue3的数据绑定(主要是对象和数组)
vue3因为运用的是proxy,所以提供了ref和
reactive
用于数据绑定,ref其实就是对
reactive
的二次封装,原因是
reactive
必须传入的是一个对象,对于一些只需要单个数据响应的就比较麻烦
尼给路达哟
·
2024-01-18 15:37
vue3
vue.js
Vue3 关于
reactive
函数嵌套 computed / inject / props 的情况
前言本文假设你已对
reactive
/inject相关函数有了解并使用过。
cookcyq
·
2024-01-18 15:06
Vue
vue.js
javascript
前端
一起学Vue3源码,实现最简Vue3【08】 - 实现
reactive
和 readonly 嵌套对象转换功能
实现
reactive
和readonly嵌套对象转换功能
reactive
、readonly代理的对象中还存在对象子结构,也要相应转换成proxy还是老样子,TDD。
Aybuai
·
2024-01-18 15:05
一起学Vue3源码
实现最简Vue3
javascript
前端
typescript
【Vue3源码】第五章 实现
reactive
和 readonly 嵌套对象绑定响应式
【Vue3源码】第五章实现
reactive
和readonly嵌套对象绑定响应式前言上一章节我们实现了isReadonly和isReactive两个API。
顽皮宝
·
2024-01-18 15:34
vue
javascript
开发语言
ecmascript
Vue3中provide,inject使用
一,provide,inject使用:应用场景:向孙组件传数据应用Vue3碎片:ref,
reactive
,isRef,provide,inject1.provide,inject使用a.爷组件引入import
会做梦的辣条鱼
·
2024-01-18 04:20
Vue3
Js
插件组件库实践
Vue3
vue.js
provide
inject
javascript
前端框架
前端
js-时间相关操作(获取当前日期、最近三天、近一月及前N天的日期)
我这里采用vue3.0的写法1.日期选择器,限制范围(默认当前日期,以及前2天)选择时间:import{onBeforeUnmount,onMounted,
reactive
,ref,getCurrentInstance
七月_Mo
·
2024-01-17 18:23
Js
Vue
Vue3.0
javascript
前端
开发语言
vue3:使用sortablejs实现表格拖拽移动
拖拽importSortablefrom"sortablejs";const{proxy}=getCurrentInstance();constdata=
reactive
({tableData:[{id
zxna
·
2024-01-17 13:09
javascript
前端
开发语言
vue3 Ts script-setup 语法糖 父子组件通信 使用sync,defineEmit,defineProps,defineExpose
较比更加简洁化真香~父组件//类似vue2item-checked.sync修饰符vue3取消sync修饰符改为v-bindconststate=
reactive
({stationData:[],stateList
免费的东西
·
2024-01-17 08:06
前端
html
小程序
前端
vue.js
vscode添加用户代码片段
文件→首选项→配置用户代码片段→vue.json(vue){"vue3":{"prefix":"vue3","body":["","","","","","","","import{
reactive
,ref
ydongabc
·
2024-01-16 20:35
vscode
vue.js
javascript
vue3 | 自定义遮罩层组件
组件模板import{
reactive
,ref,onMounted}from'vue';constprops=defineProps({modelValue:{type:Boolean,default:
ydongabc
·
2024-01-16 19:57
vue.js
javascript
前端
上一页
2
3
4
5
6
7
8
9
下一页
按字母分类:
A
B
C
D
E
F
G
H
I
J
K
L
M
N
O
P
Q
R
S
T
U
V
W
X
Y
Z
其他