reactive

vue与react,angular的区别

提供了响应式（Reactive
嘘~！·2023-10-21 02:26

vue3父子传参控制弹出框

父组件传参要用v-modeltipimport{defineComponent,ref,reactive}from"vue";importMinDialogfrom".
LILEILEILOVE·2023-10-21 01:56

ECharta雷达图 样式调整

预期效果：exportdefault{name:'radarChart'}import{onMounted,reactive}from'vue'import*asechartsfrom'echarts'constoptions
珊珊而川·2023-10-20 19:21

H5页面解决点击页面处关闭键盘，触发了页面的事件的问题

import{onMounted,reactive,ref,watch}from'vue'importKeyboardMaskfrom'@/components/KeyboardMask.vue'//导入
gaolei_eit·2023-10-20 18:07

【vue3】传送组件、Teleport

把test里的内容传送到test2//test1.vuetest1test1的内容import{ref,reactive,onMounted}from'vue'constflag=ref(false)onMounted
String佳佳·2023-10-20 15:46

Vue 中setup的特性

/components/Child';//引入reactive函数import{reactive}from'vue';//创建reactive数据letinfo=reactive({name:"张三",
小吴吴吴呀·2023-10-19 22:11

Vue3中自动引入ref、reactive等语法

在Vue3项目中我们可以发现定义变量跟使用vue里面的方法，都要import{ref}from'vue'；很不方便为了不用手动引入，方便开发，我们可以下载插件npminstallunplugin-auto-importyarnaddunplugin-auto-importpnpminstallunplugin-auto-import在vite.config.js中配置import{defineCo
L_羽鹏·2023-10-19 18:17

uniapp vue3.0+TS 上传单张或多张图片，并且能删除和预览。

效果：人菜话不多先上效果：二、代码1.HTML上传图片相关代码代码如下：2.TS上传图片相关代码代码如下：import{ref,reactive}from"vue";import{onLoad}from
造梦者FZ·2023-10-19 16:10

vue3+ts制作一个简易的pc便签

App.vueHome|About-->import{defineComponent,onMounted,reactive,watch}from"vue";importFooterfrom".
万事胜意sy·2023-10-19 10:02

来吧，解锁Vue3全家桶+TS的正确姿势

"定义一个类型type或者接口interface来约束data可以使用ref或者toRefs来定义响应式数据使用ref在setup读取的时候需要获取xxx.value,但在template中不需要使用reactive
程序员黑叔·2023-10-19 10:01

[vue3]vue3+typescript上手案例：实现todoList

通过vue3的compositionapi实现todoList，掌握setup、ref、reactive、watch、toRefs、toRef等钩子函数，快速上手vue3+ts技术栈。
豆子前端·2023-10-19 10:29

vue3 中的组合式写法改为选项式写法

ref和reactive声明的proxy对象，换成option的data变量即可实现响应式追踪。
SuperHaker~·2023-10-19 09:39

vue3+koa2+mysql增删改查

vue3App.vue:新增搜索{{scope.row.password}}编辑删除取消确定重置import{onMounted,reactive,ref}from"vue";importaxiosfrom"axios
疆~·2023-10-19 07:05

vue3后台管理系统之登录界面和业务的实现

1.静态页面的搭建Hello欢迎来到xxx管理系统登录import{Lock,User}from'@element-plus/icons-vue'import{reactive,ref}from'vue
LL1018。·2023-10-19 03:52

vue源码笔记之——响应系统

vue是一种声明式范式编程，使用vue者只需要告诉其想要什么结果，无需关心具体实现（vue内部做了，底层是利用命令式范式）1.reactive为什么只能操作对象，对于基本数据类型，需要用ref？
前端碎碎念·2023-10-18 21:52

点击弹窗页面右侧缩小问题

display:flex;flex-direction:column;import{reactive,toRefs,defineComponent,onMounted}from"vue";importHeaderWeatherfrom
前端程序媛Ying·2023-10-18 13:06

【vue3源码】五、watch源码解析

文件位置：packages/runtime-core/src/apiWatch.ts使用示例监听一个getter函数：conststate=reactive({count:
MAXLZ·2023-10-18 02:11

在uniapp中开发年份弹出选择组件

valueStr}}{{datePlaceholder}}0"class="zq-imitate-input-clearable"@click.stop="onClearable">重置确定import{ref,reactive
irisMoon06·2023-10-18 02:19

Vue3.0+element-plus实现表格的增删查改

最近浅学了下vue3.0，做了个表格的demo，有增删改查的功能，记录一下，喜欢就点个赞收藏一下吧~index.vue文件：新增查看编辑删除import{reactive,ref,toRefs}from"vue
橙色日落·2023-10-18 01:04

Vue3 el-select+el-tree组合+模糊搜索

//模糊查询搜索框import{reactive,ref,nextTick,watch,onMounted}from'vue';import{Search}from'@element-plus/icons-vue'import
小白d·2023-10-17 23:37

vue3+Element Plus，实现输入身份证号计算出出生日期、年龄和性别

代码如下import{ref,reactive}from'vue'constformInfo=reactive({idNumber:'',birthday:'',age:0,sex:''})//身份证号正则表达式
再希·2023-10-17 23:03

Vue3 Element-Plus 重置表单项

from'element-plus'interfaceRuleForm{username:string,}constshowAddUser=ref(false)construleForm=ref()constform=reactive
树洞菇凉·2023-10-17 16:54

Vue实现模糊查询搜索功能

val变量//用户搜索内容letval=ref("");第二步：给input绑定v-model（为了获取input框的值）第三步：给搜索框加上点击事件搜索第四步：创建一个全部的数据arrsletdata=reactive
小吴吴吴呀·2023-10-17 07:44

SpringBoot学习笔记

该属性决定了当前springboot项目是否是一个web项目:privateWebApplicationTypededuceWebApplicationType(){if(ClassUtils.isPresent(REACTIVE_WEB
指间砂的宿命·2023-10-16 18:36

vue3中如何使用echarts图表

echarts图表下载插件npmiecharts在使用的组件中引入echartsimport*asechartsfrom"echarts";定义存放图表的div定义好宽高配置使用的图表样式conststate=reactive
可别390·2023-10-16 09:18

spring cloud gateway整合redis实现限流问题

org.springframework.cloudspring-cloud-starter-gatewayredis依赖org.springframework.bootspring-boot-starter-data-redis-reactive
zlpzlpzyd·2023-10-16 08:34

【源码解析】Spring Cloud Gateway使用RedisRateLimiter实现限流

org.springframework.cloudspring-cloud-starter-gatewayorg.springframework.bootspring-boot-starter-data-redis-reactive
秋装什么·2023-10-16 08:33

Vue3全家桶升级指南二ref、toRef、toRefs的区别

在vue3中定义一个基础类型的响应式数据一般使用ref，定义一个引用类型的响应式数据一般使用reactive。
前端无忧网·2023-10-15 22:05

vue3.0实现简易版计算器

template部分计算结果：{{numCount}}数字1：数字2：+-*/clearscript部分import{ref,reactive}from'vue'exportdefault{
哇，女前端哎！·2023-10-15 19:24

vue3学习（三）--- computed计算属性

函数形式import{ref,reactive,computed}from'vue'//基础数据类型letnum=ref(20)letcomputedNum=computed(()=>{returnnum.value
邱先生~·2023-10-15 18:18

vue3.0---父子组件之间传值

father.vue我是father父组件我是子组件传过来的值：{{subTrans}}import{defineComponent,reactive,computed,ref}from'vue'importchildfrom
智慧2021·2023-10-15 18:16

【VUE3】setup语法糖使用记录

vue2exportdefault{data(){retrun{aa:""}}}//Vue3通过ref和rective代替以前的data语法，在setup语法糖中直接使用，无需return出去//首先需要引入import{ref，reactive
oduoke~~·2023-10-15 13:02

【Vue3】自定义指令

切换import{reactive,ref,Directive}from'vue
大可-·2023-10-15 12:09

vue补充继上一篇

组合式API-reactive和ref函数1.reactive()作用：接受对象类型数据的参数传入并返回一个响应式的对象1.从vue包中导入reactive函数2.在中执行reactive函数并传入类型为对象的初始值
whiteHuDie·2023-10-15 07:15

Webflux系列之反应式编程核心基础详解

release/reference/webflux官网:https://docs.spring.io/spring-framework/docs/current/reference/html/web-reactive.html
g-Jack·2023-10-15 04:42

antdesign-vue 3.0 二次封装 a-select 支持多个v-model

e.preventDefault()">全选清空import{defineComponent,reactive,toRefs,watch,useAttrs}from'vue';import{Select
web_Hsir·2023-10-14 16:27

vue 3.0 +ant-design / select 二次封装

SelectSearch组件e.preventDefault()">全选清空import{defineComponent,reactive,toRefs}from'vue';import{Select}
web_Hsir·2023-10-14 16:57

vue3使用ant-design的select实现下拉框滚动分页加载

实现下拉框滚动加载远程数据{{item.label}}数据逻辑，未补全的参数请根据需要自行添加，以下代码仅展示关键逻辑import{defineComponent,reactive,ref,watch,
绝对零度HCL·2023-10-14 15:50

【vue3】watch监听器

主要结构import{ref,reactive,watch}from'vue'watch([监听值1,监听2,...],(newVal,oldVal)=>{...},{deep:true,//ref需要手动开启
String佳佳·2023-10-14 13:37

vue3小野森森-01-关于setup，reactive，ref，unref，toRef，toRefs，isRef，customRef，shallowRef，triggerRef，computed

1、关于setup的一些概念vue3里面自定义事件依然需要先定义后使用vue3不再使用this.emit来发射自定义事件，而是使用context.semit来发射自定义事件，this已经是昨日黄花和vue2一样，emit里面有两个参数，一个是自定义事件名，一个是要发射过去的数据，数据可以是多个或者是数组在setup里面定义的变量和函数一定要通过return返回出去vue3把钩子都作为函数放在‘vu
心湖中的石子·2023-10-14 03:57

vue3 reactive ref unref isref toRefs customRef shallowRef triggerRef 的详解

vue3reactiverefunrefisreftoRefscustomRefshallowReftriggerRef的详解1.reactive当（引用）数据直接改变不会让模版响应更新渲染：通常我们用
愤怒的小郭·2023-10-14 03:57

vue3中ref、reactive、shallowRef、 shallowReactive、toRaw、unref、toRef、toRefs、customRef使用与区别

refreftoRef普通ref对象特殊ref对象不会和原始对象挂钩创建的ref对象，与原始对象挂钩重新渲染不会触发渲染-普通ref对象不会和原始对象挂钩重新渲染如下面的例子中，ref对象改变，视图已更新，原始数据json保持不变。b={{b}}import{ref}from'vue'exportdefault{setup(){letjson={a:12}letb=ref(json.a)b.val
小蛮牧码者·2023-10-14 03:27

ref&shallowRef&customRef&toRef&toRefs&reactive理解

的例子1.Ref和ShallowRef的区别1.1Ref是深层次的响应原理，ShallowRef是浅层次的响应原理只监听一层；import{ref,isRef,shallowRef,customRef,reactive
不知名It水手·2023-10-14 03:55

【vue3】实现数据响应式（ref、shallowRef、trigger、reactive、shallowReactive、toRef、toRefs）

一、ref、shallowRef、triggerref支持所有类型可以粗略理解为ref=shallowRef+triggerRef1、通过ref获取dom元素这是ref获取dom元素import{ref,shallowRef,triggerRef}from'vue'const_ref=ref()console.log(_ref.value?.innerText)2、实现数据响应import{ref
String佳佳·2023-10-14 03:25

vue3使用element-plus 树组件（el-tree）数据回显

HTML：JS:constelTreeRef=ref>()constmenuVos=ref([])//菜单树列表constroleForm:any=reactive({})/***获取树节点选中时的id
乔7426·2023-10-14 00:58

微信小程序/vue3/uview-plus form兜底校验

效果图代码提交import{reactive,ref}from'vue';constformRole=ref(null);construles={'password':{type:'string',required
HQ8806·2023-10-13 09:13

vue3_setup基础_渲染函数（ref,reactive）

一、setup语法糖是什么：组合式Api（vue2为optionApi）来解决什么问题：使用（data,computed,methonds,watch）组件选项来组织逻辑通常都很有效。然而，当我们组件变的更大的时候，逻辑关注点的列表也会增长。尤其对于那些一开始编写这些组件的人来说，这会导致组件难以阅读和理解。二、vue2和vue3的响应区别区别：vue2中我们不能对数组或者对象进行直接改变采用Ob
slom_fxt·2023-10-13 08:35

vue3+vite+ts--ref和reactive系列的使用

一、ref和reactive使用泛型的约束1.refref的使用ref:{{testRef}}import{ref}from'vue';importtype{Ref}from'vue';consttestRef
星星点点..·2023-10-13 01:42

vue3+vite+ts 组件中自动导入 ref 和 reactive

前言在每个vue组件中，都去手动引入ref和reactive是非常繁琐的一件事，我们可以通过插件来完成自动导入安装插件npmiunplugin-auto-import-D配置插件在vite.config.ts
三劫散仙·2023-10-13 01:10

Vue3知识点总结

目录一、关于Vue31、认识Vue32、性能提升3、新增特性二、如何创建一个Vue3项目1.使用vue-cli创建2、使用vite创建三、CompositionAPI1、setup2、ref3、reactive4
快提醒我去学习·2023-10-13 00:10
上一页 13 14 15 16 17 18 19 20 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他