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
three.js上传模型文件并加载显示
import{ref,
reactive
,onMounted,getCurrentInstance}from'vue'import*asTHREEfrom'three'import{OBJLoader}from'three
江苏省精神病院玛主任
·
2023-11-22 17:46
javascript
vue.js
elementui
前端
vue3面试题
ref将普通的数据类型包装成响应式对象,通过.value的属性来访问该值,当值被修改时会触发视图的更新
reactive
的主要作用是什么?
牛壹壹
·
2023-11-22 16:53
vue.js
前端
javascript
vue3 setup展示数据
效果图1.创建数据content.jsimport{
reactive
}from'vue'constdata=
reactive
({color:'red',title:'二十四节气',subTitle:'节气
小师叔丄
·
2023-11-22 12:55
笔记
vue.js
javascript
前端
vue3-响应式函数
个人主页:前端青山系列专栏:Vue篇人终将被年少不可得之物困其一生依旧青山,本期给大家带来vue篇专栏内容:vue3-响应式函数目录ref响应式函数引言:ref函数
reactive
函数
Reactive
与
前端青山
·
2023-11-22 10:43
Vue.js入门到实战
vue.js
javascript
前端
vue3+ts keep-alive缓存机制
切换组件import{ref,
reactive
}from"vue";importAfrom"./components/A.vue";importBfrom".
你的美,让我痴迷
·
2023-11-22 09:13
缓存
vue.js
前端
vue3+ts 异步组件的使用
import{ref,
reactive
,defineAsyncComponent}from"vue";importskeletonfrom".
你的美,让我痴迷
·
2023-11-22 09:04
java
javascript
前端
Reactive
Extensions入门(6):使用Rx进行单元测试
Rx本身就是一个功能强大的测试框架。本文将介绍如何使用Rx模拟异步方法调用返回预定的值来辅助针对一步方法调用的单元测试。Rx可以模拟经过一段预定时间返回结果的异步方法,从而简化了异步处理方法的测试。Rx也可以模拟异步方法返回错误的场景,使得代码测试可以覆盖多有的用例。本文将介绍Rx中的TestSheduler方法,他可以模拟耗时的异步操作,但是能在测试的时候能够立即执行。1.模拟异步方法开发者可能
生产的驴
·
2023-11-22 08:34
ui
测试
Reactive
Extensions入门(5):ReactiveUI MVVM框架
从前面几篇文章可以了解到,Rx作为LINQ的一种扩展,极大地简化了异步编程。但Rx的用法不仅如此,由于其可高的扩展性,在其他很多方面也有所应用。在前面例子中,我们使用代码和UI界面上的元素打交道,这种方式在传统的Winfom编程中很常见,但是在基于XAML构造的界面这种应用程序中,这样显得不是非常友好,XAML中声明式编程可以使得程序更加简洁,传统的方式没有利用到XAML中强大的绑定功能。之前,我
weixin_30699463
·
2023-11-22 08:04
ui
设计模式
运维
Reactive
Extensions (Rx) 入门(1) ——
Reactive
Extensions 概要
原文:http://www.atmarkit.co.jp/fdotnet/introrx/introrx_01/introrx_01_01.html作者:河合宜文众所周知,从C#3.0开始Linq大大改变了以往的编程风格,尤其是大幅度简化了大量数据加工这样麻烦的操作。对于各种数据(比如:数组,XML,SQL数据库等)提供了一种统一的语法,也是Linq的一个特征。ReactiveExtensions
机器人
·
2023-11-22 08:57
[09]
C#
[01]
.Net
framework
[09.01]Rx
.NET
Rx编程入门
linq
silverlight
windows
phone
interface
exception
.net
Reactive
Extensions (Rx) 入门(4) —— Rx的事件编程②
原文:http://www.atmarkit.co.jp/fdotnet/introrx/introrx_01/introrx_02_02.html作者:河合宜文事件是什么?用Rx来处理事件的优势让我们来看看如何用Rx特有的事件Obserable转换事件处理的。在这之前,让我们考虑一下事件在.NET中的应用场景。最具有代表性的应该是GUI的事件了。比如:按钮点击,鼠标移动等,这些全是通过事件来处理
机器人
·
2023-11-22 08:57
[09]
C#
[09.01]Rx
.NET
Rx编程入门
button
windowsphone
timer
silverlight
microsoft
object
Reactive
.Net绑定Subscribe调用wpf控件报错
使用.ObserveOnDispatcher()解决,nuget安装ReactiveUI.WPF参考winforms-RxExamplenotworking-StackOverflow
赫敏璋
·
2023-11-22 08:50
wpf
【Vue3】vue3全解
基本使用三、创建vue应用四、选项API和组合API(一)选项API(二)组合API五、组合API(一)setup函数(二)生命周期1、vue2.x生命周期钩子函数2、vue3.0生命周期钩子函数(三)
reactive
奔跑の大可爱
·
2023-11-22 07:19
vue.js
javascript
前端
中级程序员——vue3+js+git面试题
ref和
reactive
有什么区别?qref有了解过吗?深拷贝的浅拷贝的区别?常用深拷贝的方法?json.stringify做深拷贝,有什么缺
小猫娃来啦
·
2023-11-21 21:24
前端
vue
javascript
git
开发语言
前端
vue.js
pinia学习笔记
introduction.html注意点:store中只有三个概念state、getters和actions可以理解成属性、计算属性、属性的操作方法不能直接解构store中的属性,直接结构出来的属性,会失去响应式变化(
reactive
黑夜中起飞
·
2023-11-21 18:08
javascript
vue.js
在Vue3中使用Element-Plus分页(Pagination )组件
import{ref,
reactive
,onMounted}from'vue'//tableData-表格数据列表,total-数据总长度consttableDat
快乐非自愿
·
2023-11-21 12:46
vue.js
javascript
elementui
vue3-响应式核心
个人主页:前端青山系列专栏:Vue篇人终将被年少不可得之物困其一生依旧青山,本期给大家带来vue篇专栏内容:vue3-响应式核心响应式核心目录响应式核心3.1ref()3.2computed()3.3
reactive
前端青山
·
2023-11-21 09:16
Vue.js入门到实战
vue.js
javascript
前端
Vue实现表单效验
rules属性和ref属性第二步:获取表单元素construleFormRef=ref();第三步:给输入框绑定prop这个属性跟rules表单上一致第四步:添加效验//添加效验construles=
reactive
小吴吴吴呀
·
2023-11-21 09:15
vue.js
javascript
前端
ref函数与
reactive
函数
我们只知道在setup里面定义变量需要使用ref函数才能变成响应式,但是具体过程及使用方式却不太清楚,今天总结下。refref数据可以将非响应式数据转换为响应数据创建数据import{ref}from'vue'exportdefault{setup(){letname=ref('fufu')letage=ref(20)letlove=ref({fruits:['watermelon','straw
丹丹的小跟班
·
2023-11-21 07:49
vue
vue3
vue3 ref和
reactive
使用watch属性的方法和区别
在Vue3中,您可以使用watch函数和watch选项来监视ref和
reactive
创建的响应式数据的变化。
无妄的罪
·
2023-11-21 06:47
vue.js
前端
javascript
uniapp+vant+ts实现下拉选择(单选和多选)
效果index.vue{{item.title}}{{subItem.name}}重置确定import{ref,
reactive
,defineEmits,getCurrentInstance}from'vue'constproxy
weixin_46774564
·
2023-11-21 05:10
unaipp
ts
vue3
vue.js
javascript
typescript
Vue3-ref、
reactive
函数的watch
Vue3中引入了一个新的API:ref,它可以将一个简单的JavaScript类型值转换为一个响应式对象。在使用ref创建响应式变量时,我们可以使用value属性来访问或修改该变量的值。例如:import{ref}from'vue'constcount=ref(0)console.log(count.value)//输出0count.value++//修改值console.log(count.va
我爱学习yq
·
2023-11-21 01:50
vue.js
javascript
前端
vue3.0知识点总结(六)——自定义ref (customRef的用法)
作用:创建一个自定义ref,比对其依赖项跟踪和更新触发进行显示控制实现防抖效果:get:用于读数据进行调用set:用于修改数据时进行调用{{keyword}}import{ref,
reactive
,toRaw
Mr.指尖舞者
·
2023-11-20 20:55
vue3.0知识点总结
vue.js
javascript
Vue3 provide 和 inject 实现祖组件和后代组件通信
之前需要先进行引入:import{provide}from"vue";语法格式如下:provide("数据名",数据)例如:我们将祖组件中的person使用provide提供出去setup(){letperson=
reactive
永久旅途
·
2023-11-20 20:50
Vue
vue.js
前端
javascript
Vue3 toRaw 和 markRaw
一、toRaw我们可以使用ref和
reactive
将普通对象类型的数据变为响应式的数据。我们可以使用toRaw将
reactive
对象的数据变为一般对象类型的数据。
永久旅途
·
2023-11-20 20:50
Vue
vue.js
前端
javascript
videojs小组件
import{defineComponent,onMounted,onUnmounted,
reactive
,ref,toRefs,watch}from'vue';import'video.js/dist
_大龄
·
2023-11-20 17:21
小业务
前端
vue3父组件提交校验多个子组件
实现功能:在父组件提交事件中校验多个子组件中的form父组件:import{ref,
reactive
}from'vue'importchildFormfrom'.
再希
·
2023-11-20 16:25
javascript
前端
vue.js
Vue3的7种和Vue2的12种组件通信
/child.vue"import{ref,
reactive
}from"vue"exportdefault{data(){ret
啃火龙果的兔子
·
2023-11-20 16:04
web面试
vue2.0
vue3.2
vue.js
javascript
前端
element-plus 表格-合并单元格
span-method=""方法实现合并单元格合并前合并后重点代码generateIndexGroups,找到合并的单元格的index号代码实现如下实现表格的合并合并import{onMounted,
reactive
缘如风
·
2023-11-20 07:59
VueJS
vue.js
javascript
elementui
Vue3中使用Element-Plus分页组件
import{ref,
reactive
,onMounted}from'vue'//tableData-表格数据列表,total-数据总长度consttableData=ref([])consttotal
softshow1026
·
2023-11-20 07:51
vue.js
elementui
javascript
【Vue3+TS】Composition API(一)
Vue3+TS之CompositionAPI(一)文章目录Vue3+TS之CompositionAPI(一)写在前面1)setup2)ref函数3)
reactive
函数4)
reactive
对比ref5)
程序媛小y
·
2023-11-20 06:32
Vue3+TS
javascript
vue.js
前端
vue3+ts 动态组件的使用
import{
reactive
,ref,markRaw,shallowRef}from"vue";importAVuefrom"./components/A.vue";importBVuefrom".
你的美,让我痴迷
·
2023-11-20 06:02
vue.js
javascript
前端
vue3 watch监听测试
import{ref,
reactive
,watch,watchEffect}from"vue";letmessage=ref({foo:{bar:{name:"小满",},},});letmessage2
你的美,让我痴迷
·
2023-11-20 06:31
vue.js
javascript
前端
vue3-setup中如何通过ref调用子组件的函数
vue3-setup中如何通过ref调用子组件的函数子组件通过defineExpose向外导出需要调用的函数在父子间中定义ref引用来调用子组件关键代码:import{ref,
reactive
,defineExpose
星月前端
·
2023-11-20 03:04
vue.js
javascript
前端
移动端树形选择组件 -- 基于vant4+vue3 支持多选、单选、节点搜索
效果图多选单选父组件使用子组件代码index.vue搜索全选在职离职确定import{
reactive
,watch,ref,nextTick,onMounted}from'vue'importTreeSelectfrom
怂叔
·
2023-11-19 21:36
vant4
vue
前端
javascript
开发语言
vue.js
vue3+vant 实现树状多选组件
效果图代码父组件引用importTreeSelectfrom"/selectTree.vue"selectTree组件确定import{
reactive
,watch,ref,nextTick,onMounte
跳跳的小古风
·
2023-11-19 21:35
Vue
前端
Vue3之readonly与shallowReadonly
文章目录简介代码代码解释简介readonly定义一个深度只读的数据shallowReadonly定义一个浅只读的数据,只有对外层的属性是只读的,内层的属性可以修改代码import{
reactive
,readonly
youhebuke225
·
2023-11-19 19:05
Vue基础知识
vue.js
javascript
typescript
【vue3练习 -12】vue3使用readonly(),shallowReadonly()
作用:把一个响应式(可以是ref定义的,也可以是
reactive
定义的)的数据变成只读的,不可以修改,使用场景:假如你的组件有个数据,但是你不希望在使用的时候修改他就可以把他变成只读的用法示例:import
蕉君桑
·
2023-11-19 19:04
vue3
vue.js
前端
javascript
VUE3----readonly 与 shallowReadonly
让一个响应式数据变为只读(浅只读)应用场景:不希望数据被修改时当前的求和为:{{sum}}点我++姓名:{{name}}年龄:{{age}}薪水:{{job.j1.salary}}修改姓名增长年龄增长薪水import{
reactive
十友九
·
2023-11-19 19:33
VUE3
前端
javascript
vue.js
Vue3的readonly()与shallowReadonly()
readonly()里面可以传入一个响应式的数据参数,表示只读应用:有一些节点不能修改,可以用这个 年龄是:{{age}} 改变年龄 import{
reactive
,readonly,toRefs
小辉吖~
·
2023-11-19 18:31
前端
vue.js
vue3.0中的readonly和shallowReadonly
将包裹的对象变为只读,并且是深度只读readonly与shallowReadonlystate:{{state}}更新数据import{computed,defineComponent,onMounted,
reactive
Realistic-er
·
2023-11-19 18:28
javascript
vue.js
前端
vue3.0学习笔记 (readonly深只读和shallowReadonly浅只读)
readonly深只读(全部深只读不具备改的能力)姓名:{{workObj.nameObj.names}}职业:{{workObj.work}}工资:{{workObj.wage}}点击改变数据import{
reactive
许你满眼星辰
·
2023-11-19 18:28
vue3.0
VUE3+TS实现鼠标悬浮显示一段文字提示
实现鼠标悬浮显示一段文字提示vue3+TS鼠标悬浮显示文字,实现效果如下图所示:HTML代码如下,主要代码为:title,它的作用为鼠标悬浮显示文字typescript代码如下所示conststate=
reactive
RobertTeacher
·
2023-11-19 14:39
javascript
前端
开发语言
vue
typescript
vue3 el-tree懒加载 单选
前端代码import{onMounted,
reactive
,ref}from"vue";import{region,regions}from'../..
m0_75025344
·
2023-11-19 11:53
servlet
java
javascript
Vue与React区别
首先React与vue有几点相同之处1.都使用了VirtualDOM2.提供了响应式(
Reactive
)和组件化(Composable)的视图组件3.将注意力集中保持在核心库,而将其他功能如路由和全局状态管理交给相关的库性能方面
小鱼仔_5858
·
2023-11-19 08:09
vue3基础学习
###MVCModel:BeanView:视图Controller##vue的refreactiveref:必须是简单类型
reactive
:必须不能是简单类型###创建一个Vue项目npminitvue
孙俊熙
·
2023-11-19 08:20
前端
vue
前端
vue.js
Vue3-watchEffect函数
//App.vue计数器1:{{data.counter1}}计数器1加1计数器2:{{data.counter2}}计数器2加1import{
reactive
,watchEffect}from
南瓜骨头
·
2023-11-19 07:57
Vue
javascript
前端
前端框架
vue
Vue3-ref、
reactive
函数的watch
Vue3-ref、
reactive
函数的watchref函数的watch原理:监视某个属性的变化。当被监视的属性一旦发生改变时,执行某段代码。
南瓜骨头
·
2023-11-19 07:26
Vue
前端
javascript
vue
前端框架
vue3 自定义hook 函数
作用类似于vue2中的mixin技术案例:获取鼠标点击页面的坐标1.在src下建hooks文件夹,用于存放复用的js2.src/hooks/usePoints.js文件中写复用的部分import{
reactive
冰淇淋ly
·
2023-11-19 07:52
vue3
vue3
hook
【Vue3】自定义hook函数
mixin3、自定义hook的优势:复用代码,让setup中的逻辑更加清楚举例:在HelloWorld中复用hooks文件夹中的usePonit函数usePoint.jsimport{onMounted,
reactive
翘阳啦
·
2023-11-19 07:21
Vue
前端
javascript
开发语言
vue.js
Vue3-自定义hook函数
//sum.jsimport{
reactive
}from'vue'exportdefaultfunction(){//dataletdata=
reactive
({num1:0,num
南瓜骨头
·
2023-11-19 07:16
Vue
前端
javascript
前端框架
vue
上一页
8
9
10
11
12
13
14
15
下一页
按字母分类:
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
其他