Reactive

vue 04-reactive与ref的选择

reactive与re两者区别？
战斗中的老段·2023-08-23 18:01

vue3 02-reactive使用

1.reactive函数通常定义:复杂类型的响应式数据2.reactive怎么使用：2-1.首先先导入reactive函数import{reactive}from'vue';2-2.创建响应式数据对象conststate
战斗中的老段·2023-08-23 18:31

vue3+element下拉多选框组件

1"#prefix>(多选)x{{selectedOptions.data.length}}{{item.label}}全选反选import{ref,reactive,computed,watch,defineProps
Aucanon·2023-08-23 18:25

antd a-select组件placeholder不显示解决办法和原因

setup(props,{emit}){constformState=reactive({parentId:undefined,//不能为''或者null})解决办法：placeholder不显示是因为设置了
汤姆丁1111·2023-08-23 15:55

uniapp，使用canvas制作一个签名版

代码实现：清空确定import{reactive,onMounted}from"vue";import{onReac
鸭子嘎鹅子呱·2023-08-23 15:33

Vue3:标签属性ref

示例：获取div标签的内容123import{reactive,ref,getCurrentInstance,onMounted}from'vue'constlabe
梦雨生生·2023-08-23 09:27

Vue3中 toRefs的基本使用

{{name}}{{myData.name}}通过方式二，可以响应-->constmyData=reactive({name:'小明',age:12})setInerval(()=>{my
Python User·2023-08-23 09:26

react-hooks 一般写法汇总

Toast}from"antd-mobile";//useEffect类似vue中watch，或者moundted生命周期，视第二参数数据而定//useState是vue2的data、是vue3的ref或reactive
Li_Ning21·2023-08-23 08:16

Vue3如何初始化data内容

constgenerateForm=()=>({name:'xxx',age:16,level:1,sex:'男'})//定义响应式数据consttrendData=reactive(generateForm
HolleBug·2023-08-23 06:51

【element-plus】中菜单栏（el-menu）常用

default-openeds="openeds"二、默认展开第一个子节点default-active="1-1"三、默认展开收起一个unique-opened="true"{{item.name}}import{reactive
吃不掉的小虾·2023-08-23 04:54

Vue3.2中使用swiper实现层叠式轮播图

介绍在vue3中使用swiper实现缩略图的轮播图效果，具体如下图所示：代码conststate=reactive({autoplay:false,watchSlidesProgress:true,//
发呆的薇薇°·2023-08-22 19:53

vue3响应式基础

如何定义响应式数据在vue3中，创建响应式数据主要使用ref和reactive函数，那么这两个函数该怎么用？又有什么区别呢？视频链接在组合式API中创建响应式数据一般使用reactive函数,和r
·2023-08-22 15:19

uniapp 自定义手机顶部状态栏（适配状态栏高度）

示例代码HTML{{title}}js(示例为：vue3的js)import{ref,reactive}f
廖若星辰LTY·2023-08-22 08:28

vue3+elementPlus 多个表单一起提交并校验

Submitimport{ref,reactive}from'vue'importtype{FormInstance}from'element-plus'letinfo:any=reactive({data
再希·2023-08-21 21:47

vue3+elementPlus table里添加输入框并提交校验

Submitimport{ref,reactive}from'vue'importtype{FormInstance}from'element-plus'letinfo:any=reactive({data
再希·2023-08-21 21:46

复习vue3，简简单单记录

这里的知识是结合视频以及其他文章一起学习，仅用于个人复习记录ref和reactiveref用于基本类型reactive用于引用类型如果使用ref传递对象，修改值时候需要写为obj.value.attr方式修改属性值如果使用
很菜很菜的人·2023-08-21 19:23

vue3使用echarts图表

exportdefault{name:"MyComponent",};import*asechartsfrom"echarts";import{ref,reactive,toRefs,onMounted
余道各努力，千里自同风·2023-08-21 14:46

vue3 使用@vueuse/core实现图片放大镜效果

图片放大镜import{reactive,ref,watch}from'vue-demi'import{useMouseInElement}from'@vueuse/core'exportdefault
@海海人生·2023-08-21 07:33

猿创征文｜【vue3学习】vue3中实现深拷贝

【Vue3】Vue3中实现响应式数据深拷贝（针对ref和reactive）关于浅拷贝与深拷贝的基础知识可参考【JS学习】–深拷贝与浅拷贝_Sam9029的博客-CSDN博客关于ref和reactive的基础知识可参考
Sam9029·2023-08-21 03:35

vue3-hook-几个案例

vue3事件-钩子-请求基础上进行进一步修改不在过多解释hook2.hook1.借鉴react写法2.拆分逻辑,方便使用,发布NPM也方便2.1拆分在这篇文章vue3事件-钩子-请求的逻辑import{reactive
云高风轻·2023-08-20 11:02

前端基础（Vue的模块化开发）

响应式基础refreactive关于ref和reactive，官方解释如下，另外一篇博客写得也很清楚响应式基础|Vue.js(vuejs.org)谈谈Vue3中的ref和reacti
MRJJ_9·2023-08-20 06:28

vue3中reactive和ref的比较

1.reactive和ref函数的共同作用是什么？用函数调用的方式生成响应式数据2.reactivevsref?
黎枫学长·2023-08-19 15:46

Vue3手写api之reactive、readonly、ref

Vue3中的响应式编程API主要包括reactive、readonly和ref。这些API允许你创建具有响应式行为的数据对象。
xxx割喉·2023-08-19 09:22

vue3 elementPlus表单里面如何一次性校验多个表单

官方文档中没有看到这种解决方法我们可以用promise.all来处理多个表单校验–定义每个表单验证的规则和名称//基本信息表单验证constbasicFormRef=ref()constbasicRules=reactive
范天缘·2023-08-19 06:26

vue3+vite+ts引入海康威视监控

首先我们在海康威视官网上面下载这个下载以后打开demo把这三个文件放进你的public里面去在vue3项目里的index.html引入2.新建一个监控复用组件,只需要通过props传入监控编号就能使用了index.vueimport{reactive
范天缘·2023-08-19 06:26

vue3跳转页面后 海康监控实例不销毁

第一个页面是这样的跳转到新的页面只有海康的监控没有消失使用控制台审查元素也审查不到解决方法：在vue3的销毁周期把海康的监控销毁掉import{reactive,onDeactivated}from"vue
范天缘·2023-08-19 06:51

vue2和vue3的区别（Vue3升级部分）

vue3中使⽤了ES6的ProxyAPI对数据代理，使⽤ref或者reactive将数据转化为响应式数据，从⽽实现对数据的监控。应用
GQ_cyan·2023-08-18 20:05

vue3前端分页，全选翻页状态保持

直接贴代码，代码中有注释/*eslint-disable*/import{reactive,ref}from"vue";letsourceTabelRef=ref();letdata=reactive(
可雯的小宝贝儿·2023-08-18 20:50

vue3中文件预览功能的实现，包括 图片、pdf、word、excel的实现

的实现封装组件实现：目前可以实现的文件格式，包括图片，word支持docx,excel支持xlsx，还有pdfimport{ref,nextTick,onMounted,getCurrentInstance,reactive
light多记一点·2023-08-18 12:51

vue3.0子组件接收父组件的值以及调用父组件的方法

html:使用v-bind即:xxx="变量/方法"向子组件传递值或者方法,下面定义变量id和变量setIds，将searchForm.id的值和setIds方法传到子组件中去js:import{ref,reactive
Sunshinedada·2023-08-18 11:38

01.setup,reactive,ref,computed,watch学习---2023新版Vue3基础入门到实战项目

1.Vue3组合式2.创建vue3项目2.1认识create-vuecreate-vue是官方新的脚手架工具，vite下一代构建工具node-v>[email protected]原始写法exportdefault{//执行时机比beforeCreate早//获取不到this//数据和函数必须return出去setup(){//数据constmessage='hellovue3
Code成立·2023-08-18 09:41

vue3如何批量设置动态ref

示例如下：setRef(el,item)">conststate=reactive({selectList:[{key:'aaa',value:'',options:[{label:'测试',value
红烧咸咸鱼·2023-08-17 23:36

Vue3 —— watch 监听器及源码学习

该文章是在学习小满vue3课程的随堂记录示例均采用，且包含typescript的基础用法前言在vue3中，必须是ref、reactive包裹起来的数据，才可以被watch监听到一、基本使用1、语法：watch
Unique·Blue·2023-08-17 18:16

vue3中定义变量,ref、reactive、toRefs特性详解

例如字符串、数字、boolean等,返回值是一个对象，这个对象上只包含一个value属性ref定义的变量，改变值要.value,而且在template中不用写.value{{msg}}修改msgimport{reactive
倘若hfl·2023-08-17 09:21

您属于那一类层次的人？

人分为三类层次，倡导者（Proactive）、行动者（Active）和被动者（Reactive）。任何行动的产生离不开第一类人，之后第二类层次的人也会加入他们的行列，第三类人只会做出适当的回应。
呼德·2023-08-17 05:58

vue3-vuex

（2）在开发项目的时候，我们就会把数据分成两个部分，一种数据是在某个组件内部使用，我们使用ref或者reactive定义即可，另外一种数据需要跨页面共享，就需要使用Vuex来进行管理（3）Vuex使用state
zxuanxuanz·2023-08-16 22:40

vue滚轮缩放，拖拽滚动（不要滚动条）

child.message.shiNeiWenDu}}°C进水:{{child.message.gongShuiWenDu}}°C回水:{{child.message.huiShuiWenDu}}°Cimport{onMounted,reactive
贺今宵·2023-08-16 15:50

[Vue 3] 为什么需要同时使用Ref和Reactive

微信搜索【大迁世界】,我会第一时间和你分享前端行业趋势，学习途径等等。本文GitHubhttps://github.com/qq449245884/xiaozhi已收录，有一线大厂面试完整考点、资料以及我的系列文章。在使用OptionsAPI工作时声明响应性数据是直截了当的。data选项内的所有内容都会自动变为响应性，并在模板中可用。唯一需要注意的是，要将data设为一个函数，以防止在所有组件实例
·2023-08-16 13:31

解决vue3集成echarts数据刷新后图表不刷新问题

vue3集成echarts最大的坑就是出现了，reactive的数据刷新了，但图表缺不会刷新，查了很多资料，试了很多方式都没效果，最后测试出来解决方法很简单：核心代码：//省略非核心代码.......constinit
三劫散仙·2023-08-16 12:46

vue3+vite+pinia

目录一、项目准备1.1、Vite搭建项目1.2、vue_cli创建项目二、组合式API(基于setup)2.1、ref2.2、reactive2.3、toRefs2.4、watch和watchEffect2.5
野槐·2023-08-16 08:38

vue3.0 无法侦听响应式reactive对象的属性值

如果可以实现记得点赞分享，谢谢老铁～注意，你不能直接侦听响应式对象的属性值，例如:constobj=reactive({count:0})//错误，因为watch()得到的参数是一个numberwatch
前端加油站·2023-08-16 07:51

threejs使用gui改变相机的参数

调节相机远近角度定义相机的配置：constcameraConfg=reactive({fov:45})gui中加入调节fov的方法constgui=newdat.GUI();constcameraFolder
姚*鸿的博客·2023-08-16 07:46

Vue3 子组件定义默认值withDefaults

/pages/page.vue'import{reactive}from'vue'constnum=reactive([1,2,3])//传递给子组件子组件子组件：{{name}}{{item}}import
是小张呀！·2023-08-16 06:40

Vue3 在SetUp中使用变量名动态控制样式

写法一:使用toRef首先引入import{ref,toRef，reactive}from'vue';然后声明变量conststate=reactive({opacity:1})constopacityRef
他在时间门外·2023-08-16 00:32

vue3

reactive响应式1.对象类型import{reactive,toRefs}from"vue";constuser=reactive({name:'Vue2',age:18,});user.name
头头_d92d·2023-08-15 23:57

Vue3中computed的用法

Vue3中computed的用法前言代码前言vue3中的computed的用法代码import{reactive,computed}exportdefault{name:'CustomTable',setup
冯浩(grow up)·2023-08-15 09:35

Vue3 setup tsx 子组件向父组件传值 emit

父组件：parent.tsx：import{defineComponent,ref,reactive}from'vue';importTotalPreviewfrom'.
＊且听风吟·2023-08-15 06:10

vue(3.0,双向数据绑定)

vue2.0实现原理defineProperty()vue3.0实现原理defineProperty()：ref，和Proxy（）:reactive（）使用简单的数据例如字符串，number可以直接使用
卑微的雨落·2023-08-15 04:58

vue3 数组操作，添加、删除

添加//方式一conststate=reactive({arr:[]});state.arr=[1,2,3]//方式二conststate=ref([])state.value=[1,2,3]//方式三
佛系努力中……·2023-08-15 03:46

Avalonia ReactiveUI 系列一初识反应式编程

AvaloniaReactiveUI系列一初识反应式编程前言一、MVVM三、操作符四、调度器前言学习本内容的前提：了解MVVM了解XAML语法了解C#基础了解Avalonia说到ReactiveUI，必须先了解什么是Reactive
全能哆来梦·2023-08-15 00:57
上一页 20 21 22 23 24 25 26 27 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他