Reactive

移动端H5封装一个 ScrollList 横向滚动列表组件

预览组件代码{{menuItem[name]}}import{defineComponent,onMounted,onBeforeUnmount,reactive,ref,toRefs,nextTick
少年的范儿·2023-10-08 05:30

vue使用emit子传父

直接上代码子组件子传父import{reactive}from'vue';consttable=reactive({msg:'我是子组件'})letemits=defineEmits(["clicks"
哥很冷漠·2023-10-08 04:16

CSS点击切换或隐藏盒子的卷起、展开效果

切换1111import{defineComponent,reactive,toRefs}from'vue'exportdefaultdefineComponent({name:'login-account
前端程序媛Ying·2023-10-08 00:58

注册页面编写

注册页面没什么好说的，相应的路由项要增加，主页面中的按钮也要绑定import{reactive}from"vue";importrouterfrom"@/router";import{Lock,User
湿物男·2023-10-08 00:36

Echarts 有数据，但图不显示（完美解决方案）

option单独放到一个方法中，3.监听接收数据的数组，发生变化时调用存放option的方法（如果不懂可以看下下面的代码示例），如果还是不行，你可以试试定时器import{ref,onMounted,reactive
chaochaoLiang·2023-10-07 17:24

第六章：Vue3开篇

template四、初识setup五、ref函数_处理基本类型注意导入的包是vueimport{ref}from’vue‘1.先导入ref再使用：六、ref函数_处理对象类型1.先导入ref再使用：七、reactive
代码界小菜鸟·2023-10-07 16:10

Vue3 reactive 源码分析

概要本文通过抽取Vue3reactive源码中的主要部分，来理解其响应式object的实现方式。
RunJS·2023-10-07 05:33

vue3传统引入js初始化

演示例子{{message}}{{haha}}{{info}}点我点我点击handleClick点击handleReactconst{createApp,ref,reactive,onMount}=VuecreateApp
大猫会长·2023-10-06 20:36

vue3.0数组清空与重新赋值

记个踩坑笔记{{list}}增加清空{{newList}}import{ref,watch,toRefs,computed,reactive,onBeforeUpdate,onUpdated,onBeforeMount
来了啊小老弟·2023-10-06 19:40

Reactive - 11 - Reactive to Blocking

翻译自：https://tech.io/playgrounds/929/reactive-programming-with-reactor-3/ReactiveToBlockingReactivetoBlockingSometimesyoucanonlymigratepartofyourcodetobereactive
wcnwyx·2023-10-06 16:15

Vue3+TS实现自定义input组件的验证功能

这篇文章教大家如何给自己定义的input组件添加验证，以邮箱输入框为例，大家学会了可以自行拓展创建组件新建一个组件，创建基本代码这里定义的emailReg是邮箱规范验证的正则表达式import{defineComponent,reactive
北海的大鱼·2023-10-06 15:34

vue中的表单手机号和邮箱自定义验证规则

比如手机号和邮箱的验证；手机号和邮箱的自定义验证使用很简单，我们首先要在el-form中使用rules,然后再data中定义rules,使用pattern子定义验证逻辑字段取消保存constdata=reactive
light多记一点·2023-10-06 15:29

vue3父子通信+ref,toRef,toRefs使用实例

生成值类型的响应式数据可用于模板和reactive通过.value修改值可以获取DOM元素{{nameRef}}--{{state.name}}//获取dom元素onMounted(()=>{console.log
qq_42750608·2023-10-06 05:56

vue3 ElementPlus el-upload 图片列表缩略图模式添加查看大图 删除等自定义按钮

列表缩略图自定义按钮如图：代码：html部分点击上传图片请上传图片，且确保图片内容清晰可见隐藏确定保存jsimport{ref,onMounted,reactive}from'vue'importtype
toocool404·2023-10-06 01:40

浅浅element-ui导航栏封装使用学习一下

封装组件SubMenu.vue：{{item.name}}{{item.name}}import{ref,toRefs,reactive,unref}from'vue'importSubMenufrom
菜菜琴琴子.·2023-10-05 01:39

elementPlus表格组件el-table实现只能同时选择一行，全选按第一行处理

具体实现：模板代码：取消确认函数处理代码：import{reactive,ref,watch}from'vue'import{ElMessage}from'element-plus'interfaceTopi
turbo夏日漱石·2023-10-04 22:45

【Vue3】自定义指令

切换import{reactive,ref,Directive}from'vue
小谢sd·2023-10-04 17:47

VUE3照本宣科——响应式与生命周期钩子

VUE3照本宣科——响应式与生命周期钩子前言一、响应式1.ref()2.reactive()3.computed()4.watch()5.代码演示二、defineProps()和defineEmits(
*长铗归来*·2023-10-04 15:52

Redisson—分布式集合

除了同步接口外，还提供了异步（Async）、反射式（Reactive
Doker 多克 技术人的数码品牌·2023-10-04 07:17

全面了解Vue3的 reactive 和相关函数（下）

浅层响应式代理：shallowReactive有的时候，我们并不需要嵌套属性也具有响应性，这时可以使用shallowReactive来获得浅层的响应式代理，这种方式只拦截自己的属性的操作，不涉及嵌套的对象属性的操作。constpersonShallowReactive=shallowReactive({name:'jykShallowReactive',age:18,contacts:{QQ:11
自然框架·2023-10-03 20:54

TypeScript应用

目录TypeScript应用defineProps的TS写法defineEmits的TS写法ref的TS写法1.简单数据类型2.复杂数据类型reactive的TS写法1.默认值属性是固定的2.根据默认值推导不出我们需要的类型
真的想不出名儿·2023-10-03 19:22

vue3(语法糖)reactive数据直接赋值将失去响应式

1.直接赋值导致失去响应式因为reactive数据被重新赋值后，原来数据的代理函数和最新数据的代理函数不是同一个{{item}}长大import{reactive}from'vue'letdata=reactive
月下小酌_dbd5·2023-10-03 17:09

vue3注意事项装vue3和vue2开发者工具setup用法；ref函数和reactive函数使用；shallowReactive及shallowRef使用；toRaw和markRaw使用；

**1.vue3组件中的模板结构‘可以’没有根标签（按照vue2.o那么些也没有毛病能运行）；****2.安装vue3和vue2开发者工具（3.o那个文件有点不好用，我再找找更新）**如果当前项目是vue2谷歌浏览器->右上角三个点->更多工具->扩展程序->这是vue2的开发者工具如果当前项目是vue3谷歌浏览器->右上角三个点->更多工具->扩展程序->这是vue3的开发者工具vue2和vue
艾米家的猫儿（傻钢）·2023-10-03 16:08

前端之vue3的toRef、toRef、shallowReactive、shallowRef、toRaw、markRaw、customRef

toRef生成reactive对象的某个属性的ref,这样可以在模板总只写简短的属性名,而且是响应式的.处理一个对象的一个属性toRef存在引用关系,改变时会改变源数据格式toRef(对象,'对象的某个属性
一只爱吃萝卜的小兔子·2023-10-03 16:08

vue3学习之（toRaw和markRaw，readonly 与 shallowReadonly，shallowReactive 与 shallowRef， toRef）

一、toRaw作用：将一个reactive生成的响应式对象转为普通对象。使用场景：用于读取响应式对象对应的普通对象，对这个普通对象的所有操作，不会引起页面更新。
此处不留情·2023-10-03 16:07

【Vue3】v-model

v-model基本用法prop:modelValue事件：update:modelValue我是父组件isShow:{{isShow}}开关import{ref,reactive,isShallow}from"vue
谢尔登·2023-10-03 07:02

vue3学习实战

refVSreactiveref支持所有的类型，reactive支持引用类型，arrayobjectMapSetref取值、赋值，都需要加.value，reactive是不需要.valuereactive
iCodingShow·2023-10-02 19:21

Please set spring.main.web-application-type=reactive or remove spring-boot-starter-web dependency.

关于spring-mvc和springcloud依赖冲突问题网上很多都没有说清楚，大部分就是让我们移除spring-boot-starter-web依赖。先说结论，导致冲突问题的根本原因是spring-webmvc但是我并没有这个依赖。我们从源码的角度来看为什么会出现报错。logback一定要设置成debug模式，info是看不到报错信息的org.springframework.cloud.gat
Ellen翔·2023-10-02 10:10

VUE 3.0

静态提升不需要参与更新的元素，只渲染一次-catchHandlers事件侦听缓存onClick不会被动态监听组合API解决数据与业务逻辑分散的问题import{ref}from'VUE'//只能监听简单对象import{reactive
小FFF·2023-10-02 01:27

VUE3 响应式 API 之 toRef 与 toRefs

相信各位开发者看到这里时，应该已经对ref和reactiveAPI都有所了解了，为了方便开发者使用，Vue3还推出了两个与之相关的API：toRef和toRefs，都是用于reactive向ref转换。
前端不加班·2023-10-02 00:14

【vue3】wacth监听，监听ref定义的数据，监听reactive定义的数据，详解踩坑点

假期第二篇，对于基础的知识点，我感觉自己还是很薄弱的。趁着假期，再去复习一遍之前已经记录了一篇【vue3基础知识点-computed和watch】今天在学习的过程中发现，之前记录的这一篇果然是很基础的，很多东西都讲的不够细致话不多说，进入正题：vue2vue2中的watch写法，（vue3可以向下兼容vue2的写法）当前求和为：{{sum}}点我+1import{ref,watch}from'vu
花椒和蕊·2023-10-01 21:39

【vue3】自定义hook函数

CompositionAPI进行了封装假设需求是获取当前点击时鼠标的坐标当前求和的值为：{{sum}}点我+1当前点击时鼠标的坐标为：x：{{point.x}},y:{{point.y}}import{ref,reactive
花椒和蕊·2023-10-01 21:34

Reactive - 08 - Error

翻译自：https://tech.io/playgrounds/929/reactive-programming-with-reactor-3/ErrorErrorDescriptionReactorshipswithseveraloperatorsthatcanbeusedtodealwitherrors
wcnwyx·2023-10-01 17:01

SpringCloud/SpringBoot升级拆坑

SpringCloud/SpringBoot升级拆坑前言在spring官方网站的主页里，赫赫醒目的标题写着“SpringmakesJavasimple.modern.productive.reactive.cloud-ready
inthirties·2023-10-01 11:22

Vue3 reactive和ref详解

reactive参数必须是对象(json/arr)如果给reactive传递了其它对象默认情况下，修改对象无法实现界面的数据绑定更新。如果需要更新，需要进行重新赋值。(即不允
星如雨ｸﾞｯ!(๑•̀ㅂ•́)و✧·2023-10-01 10:40

Vue 3 Composition API - “ref”和“reactive”

CompositionAPI提供了两种不同的方式来在组件中本地存储数据——“ref”和“reactive”。这两种方法的作用类似于
南北极之间·2023-10-01 01:23

封装element-plus上传图片组件

import{ref,reactive}from'vue'import{Plus}from'@element-plus/icons-vue'importbaseUrlfrom'@/api/baseUrl.js'constprops
BJYXSZD-9185·2023-09-30 22:48

Vue3中的setup函数和响应式ref reactive

在之前的文章中，小编和大家一起学习了关于Vue的基本语法和概念，包括组件、数据混入和插槽等。从今天开始，小编和大家一起学习Vue3中的新特性，也就是网上炒的铺天盖地的Composition-API，看看到底有什么神奇之处，我们之前通过Vue写的代码，基本都是这样。大家还可以关注我的微信公众号，蜗牛全栈。Vue.createApp({data(){return{name:""//绑定基本数据类型数据
飞鹰3995·2023-09-29 13:45

vue3.0 中的provide和reject使用，$ref,teleport

App.vue插槽打开模态框{{item}}{{item}}{{item}}import{defineComponent,ref,reactive,onMounted,nextTick,Ref,provide
newbie (⊙o⊙)·2023-09-29 10:02

创建vue3项目、链式调用、setup函数、ref函数、reactive函数、计算和监听属性、vue3的生命周期、torefs的使用、vue3的setup写法

1创建vue3项目#两种方式-vue-cli：vue脚手架---》创建vue项目---》构建vue项目--》工具链跟之前一样-vite：https://cn.vitejs.dev/-npmcreatevue@latest//或者-npmcreatevite@latest一路选择即可#运行vue3项目-vue-cli跟之前一样-vite创建的：npminstallnpmrundev#vite为什么这
我可以将你更新哟·2023-09-29 06:43

【vue3学习系列】组合式api中，替代setup()函数的＜script setup＞特性写法

propsvuexv-modelemit方法定义组件导入获取dom路由相关nextTick前言在使用compositionapi的时候，setup()函数的写法写多了会感觉有些繁琐，比如每次都需要return出去，不同类型变量要分ref和reactive
庞囧·2023-09-29 00:56

Vue3学习笔记（尚硅谷）

文章目录一、创建vue3工程1-1、使用vite创建vue3项目1-1、安装开发者工具二、常用CompositionAPI2-1、setup2-2、ref函数2-3、reactive函数2-4、Vue3
忧郁火龙果·2023-09-28 21:26

vue3学习笔记

ref：定义基本数据类型reactive：定义对象constinput=ref('')constvalue1=ref(true)constform=reactive({name:'',region:''
软软不吃肉·2023-09-28 21:24

黑马VUE3视频笔记

目录一、使用create-vue创建项目二、setup选项三、reactive和ref函数1.reactive()2.ref()三、computed四、watch五、生命周期函数六、父传子、子传父父传子
yalik_·2023-09-28 13:25

router 实现一级菜单，二级菜单不在同一个界面，但是实现同时高亮

侧边菜单：logo{{userData.name}}{{item.menuName}}import{reactive}fr
bu_xiang_tutou·2023-09-28 07:03

vue3 +elementplus | vue2+elementui 动态地通过验证规则子新增或删除单个表单字段

效果图点击‘+’新增一行，点击‘-’删除一行vue3+elementplus写法template提交重置jsimport{reactive,ref,onMounted}from'vue'importtype
春风姐姐·2023-09-27 22:28

Vue 3中实现全局变量的供响应式共享并watch动态监听全局变量

使用provide和inject可以共享普通的JavaScript对象和变量，但是当我们需要共享响应式对象时，需要使用reactive方法来创建响应式对象。
学不废·2023-09-27 19:47

Vue3源码梳理：watch监听函数的核心实现

函数监听三个参数监听的响应式对象回调函数cb配置对象optionsimediate:初始化完成后会被立刻触发一次deep:深度监听DebugWatch源码测试示例:watch.html，测试vue源码的watch函数const{reactive
Wang's Blog·2023-09-27 19:43

vue3父子组件使用v-model双向绑定

state.otherValue"可以实现同个组件绑定多个v-model默认触发方式为update:modelValue若自定义,则为自定义值,如update:otherValue父组件conststate=reactive
斜影梧桐·2023-09-27 10:03

简单的数字验证码功能（Spring boot + vue.js ）

//验证验证码的constverificationCode=reactive({answer:'',//答案formula:'',//验证码的公式})//获取验证码constgetVerificationCode
卷不过的叫混子·2023-09-27 08:57
上一页 15 16 17 18 19 20 21 22 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他