reactive源码学习

vue3.0之ref函数

1、ref推荐定义基本数据类型(ref值也可以是对象，但是一般情况下是对象直接使用reactive更合理)。
web前端开发V·2023-09-15 20:34

Vue（五）：2.0语法转3.0、setup函数、reactive函数、ref函数、isRef和toRefs方法、路由配置

目录1、2.0语法转3.02、setup函数3、reactive函数4、ref函数5、isRef和toRefs方法6、路由配置1、2.0语法转3.0vue3.0对vue的主要3个特点：响应式、模板、对象式的组件声明方式
Ming-Afresh·2023-09-15 20:29

Vue3项目使用Ts：不能将类型“(XXX?: boolean) =＞ void”分配给类型“(payload: MouseEvent) =＞ void”

解决：传一个默认的参数即可，示例代码如下：{{navTitle}}-->{{navTitle}}import{defineComponent,inject,reactive,toRefs,watch}from'vue'exportdefaultdefineComponent
ᥬ 小月亮·2023-09-15 20:07

vue3-web端文件下载

1、使用a标签下载import{ref,unref,reactive,onMounted,nextTick}from"vue"//下载文件constdownload2=function(url:string
浮桥·2023-09-15 13:35

初识Vue3

声明响应式状态ref()和reactive()toRef()和toRefs()创建实例通过对Vue2的学习，我们可以这样在Vue2中创建一个实例：varvm=newVue({//选项})或者通过Vue全局
学前端的狗头苏丹·2023-09-15 12:16

关于Reactive Programming（一）

写在前面由于最近学习SpringReactor，写一些Reactive编程概念(与之相对的是Proactive，同步、轮询。)响应式编程已经不是一个新东西了，它其实是一个很泛泛的概念。
KenChen_939·2023-09-15 10:33

Spring WebFlux—Reactive 核心

一、概述spring-web模块包含以下对响应式Web应用的基础支持：对于服务器请求处理，有两个级别的支持。HttpHandler:用于HTTP请求处理的基本约定，具有非阻塞I/O和ReactiveStreams背压，以及ReactorNetty、Undertow、Tomcat、Jetty和任何Servlet容器的适配器。WebHandlerAPI:稍微高一点的，用于处理请求的通用webAPI，在
Doker 多克 技术人的数码品牌·2023-09-15 03:01

做项目必读的vue3基础知识

1.响应式1.1两者实现原理vue2利用es5的Object.defineProperty()对数据进行劫持结合发布订阅模式来实现vue3利用es6的proxy对数据代理，通过reactive()函数给每一个对象都包一层
前端鼓励师·2023-09-15 01:43

Vue3 reactive丢失响应式问题

问题描述：使用reactive定义的对象，重新赋值后失去了响应式，改变值视图不会发生变化。
Baobao小包·2023-09-14 22:03

vue3 传值方式

/children.vue'import{reactive}from'vue'conststate=reactive({eflag:true,})//子组件{{flag}}constprop=defineProps
云雾散尽了·2023-09-14 16:00

JDK源码学习笔记（集合篇 - ArrayDeque）

ArrayDeque跟ArrayList以及LinkedList不同点在于，它是Resizable的双向数组，既有随机访问的便捷，也有poll，offer等双向队列的方法。我们先学习下它是个什么样的集合，后续等对java.util的package下的主要集合类有大体了解了再从用途，性能等点出发进行比较总结。构造-ConstructorpublicArrayDeque(){elements=newO
我要做大牛23333·2023-09-14 09:19

图床项目进度（三）——文件展示页

大致功能：图片预览这里的图片预览我使用的一个插件conststate:any=reactive({image:'https://pic35.photophoto.cn/20150511/0034034892281415
只会写bug的靓仔·2023-09-14 07:02

vue3+vant4封装日期时间组件（年月日时分秒）

vue3+vant4封装日期时间组件（年月日时分秒）效果图代码片段核心组件代码引入效果图代码片段核心组件代码import{reactive,watch,getCurrentInstance}from"vue
跳跳的小古风·2023-09-14 04:24

postgresql源码学习（五）—— 提交事务

结束事务分为两类：提交：CommitTransaction回滚（包含清理）：AbortTransaction由于比较长，我们分开两篇记录。一、CommitTransaction1.gdb测试会话1，隐式事务会自动提交会话2跟之前一样，我们先只是过一遍这个函数流程，里面具体调用函数的步骤这里都会先跳过，避免深陷泥潭。LetsGo!2.具体代码与跟踪调用栈如下/**CommitTransaction*
Hehuyi_In·2023-09-14 03:33

【Android】Rxjava2 Flowable详解与背压那些事

我们来看个例子，先把rxjava切换到rxjava1.0:implementation'io.reactive
寒小枫·2023-09-14 02:33

Vue3学习

vue3学习create-vue脚手架创建项目vs-code安装vue3插件组合式API-setup选项组合式API-reactive和ref函数组合式API-computed组合式API-watch组合式
hogenlaw·2023-09-14 01:26

vue3.0——setup函数/属性、响应式API、ref函数、reactive函数、响应式原理、计算属性

vite版本创建方式：npminitviteviteapp----templatevuemain.js的样子：一、setup(1)setup()函数：语法：返回的对象的成员可以在模板中使用，也可以在组件的api中使用但是在这个函数中不能使用组件api中的东西作用：为hook提供开发场景setup函数中可以声明一些变量/函数然后返回出去供组件使用setup函数可以设计成script标签中写这个同名单
哈哈ha~·2023-09-13 22:23

Vue组合式API

CompositionAPI1.1.一个OptionsAPI实例1.2.OptionsAPI存在的问题1.3.CompositionAPI简介二.CompositionAPI2.1.setup()入口2.2.ref响应式监听2.3.reactive
Hulake_·2023-09-13 22:23

Vue选项式和组合式两种方法声明变量以及基本属性的讲解

目录选项式关于data关于computed关于watch关于methods以上几种的区别组合式关于const，var和let关于ref关于reactive选项式选项式声明并使用一个变量的方法如下：exportdefault
鸭不是鸭·2023-09-13 22:22

Vue3.0组合式API（三）-----模板语法

2.2.2遍历生成标签2.3用户交互2.3.1监控用户动作2.3.2双向数据绑定一、Vue基础1.1Vue格式vue基本格式//Vue中API函数导入import{defineComponent,ref,reactive
chuck-Gemini·2023-09-13 22:22

前端表格导入,解析表格数据传给后端效果

classifyName:"酒水饮料",costPrice:2.5,name:"红牛",needSale:1,salePrice:6,specification:"瓶",stockNum:10}]import{ref,reactive
一只开心鸭！·2023-09-13 19:00

Vue3常用语法记录，基础使用看这篇就够了

1、refconsttest=ref(8)2、reactiveconsttestObj=reactive({   test001:'',   test002:''})3、props&defineEmitsdefineProps
兵腾傲宇·2023-09-13 18:18

Electron源码学习：Electron加密与安全

Electron加密与安全引言目前网络上主要流传的加密就只是网页文件打包成asar和JS混淆加密，以及用addon的方式，这几种方式的话，基本就没有什么破解难度。针对的官方asar的打包，这种方式就仅仅是将众多的文件以原文的形式放在一个文件中，不存在任何的加密手段；JS混淆加密这种方式仍然是可以通过看代码的方式来分析出原本的逻辑；addon的方式只要找到调用的接口那么很容易就会被干掉。我们这里讨论
星空漫步者·2023-09-13 15:52

Electron源码学习：Windows下子进程跟随父进程结束的方式

Electron源码学习：Windows下子进程跟随父进程结束的方式前言最近在nodejs中使用了child_process来创建进程，惊奇的发现当使用child_process.spawn函数来创建的子进程会跟随父进程一起被
星空漫步者·2023-09-13 15:52

Electron源码学习: Electron组成与初始化流程

Electron源码学习:Electron组成与结构前言最近研究学习Electron的源码结构已经有一些小的进展,越接触Electron就越发现组成这个软件的大集合不得了.现在学习到的仍然是这个大集合的冰山一角
星空漫步者·2023-09-13 15:52

Electron源码学习: Electron程序体积裁剪（减小体积）

Electron源码学习:Electron程序体积裁剪（减小体积）前言此篇专题名称可能叫Electron的编译(虽然并没有具体的编译步骤，但实际上本文里面的各种技术都需要源码编译Electron)更为合适
星空漫步者·2023-09-13 15:52

Electron源码学习：让管理员运行的Electron（CEF）支持文件拖拽

Electron源码学习：让管理员运行的Electron（CEF）支持文件拖拽背景前段时间接到一个任务，需要从Windows桌面拖拽文件或文件夹到Electron网页中；网页本身是支持这种拖拽行为的；我们的程序是以管理员权限运行的
星空漫步者·2023-09-13 15:47

Vue3的尝试（一）

前言搭建vue3工程环境，根据文档试验新api，下文中只列举了reactive、ref。下文在参考文章中都有，只是抽取些部分的做个记录。个人建议跳过，直接看参考更好。
依然还是或者其他·2023-09-13 13:07

Java并发包源码学习：阻塞队列实现之LBQ源码解析，负载均衡nginx面试

privatefinalintcapacity;/**原子变量，记录元素个数*/privatefinalAtomicIntegercount=newAtomicInteger();/**哨兵头节点，head.next才是队列的第一个元素*/transientNodehead;/**指向最后一个元素*/privatetransientNodelast;/**用来控制同时只有一个线程可以从队头获取元素
m0_64867152·2023-09-13 13:05

vue3的学习【超详细】

目录一、vue3的优点1、vue3的优点二、常用的API1、setup（CompositionAPI）2、生命周期（CompositionAPI）3、ref函数和reactive函数用法和区别（CompositionAPI
小白白一枚111·2023-09-12 15:29

zookeeper 自动配置更新

reactive模式监听节点，修改后立即感知，注意zk的watch和不同操作callBack函数之间的区别/***@authorhaowq2021/4/79:46*/publicclassWatcherCallBackimplementsWatcher
Mr_Editor·2023-09-12 14:00

vue业务组件-优雅的弹窗组件

组件、状态、loading等方便维护简单易用2、代码usedialog代码import{ElButton,ElDialog,FormInstance}from"element-plus"import{reactive
weixin_49477258·2023-09-12 10:12

reactive与ref区别

reactive与ref区别有以下几方面：1、从定义数据方面：ref通常用来定义基本类型数据reactive用来定义：对象（或者数组）类型数据ref也可以用来定义对象或者数组类型的数据，内部会通过reactive
爱健身的小刘同学·2023-09-12 07:47

【Spring Boot 源码学习】OnClassCondition 详解

SpringBoot源码学习系列OnClassCondition详解引言往期内容主要内容1.getOutcomes方法2.多处理器拆分处理3.StandardOutcomesResolver内部类4.getMatchOutcome
Huazie·2023-09-12 07:12

【Android 源码学习】SharedPreferences 源码学习

第一章：SharedPreferences源码学习文章目录第一章：SharedPreferences源码学习AndroidSharedPreferences的缺陷MMKV、JetpackDataStore
无风子·2023-09-12 05:00

reactive 定义的响应式失效问题？

使用reactive包装数组响应式失效。或：reactive使用时响应式失效。我们通过reactive定义一个响应式数组，网络请求返回的数据，赋值给数组之后，页面上的数据并没有更新。
小张同学IT·2023-09-11 23:53

Vue2.0源码学习2：模板编译和DOM渲染

开始上一节总结了Vue的响应式数据原理，下面总结一下Vue中模板编译。模板编译情景众多，复杂多变，现在只学习了普通标签的解析，编译，未能对组件，指令，事件等多种情况进行深入学习总结。模板编译基本流程解析模板代码生成AST语法树，主要依赖正则。image将ast语法树生成代码。with(this){return_c("div",{id:"app"},_c("div",{class:"content"
泰然自若_750f·2023-09-11 22:46

vue 封装一个Dialog组件

基于element-plus封装一个Dialog组件取消确定import{ref,reactive,toRefs,watch,inject}from'vue'importMyButtonfrom'@/components
Eason_0316·2023-09-11 18:29

vue 封装Form 表单组件

基于element-plus封装一个表单组件在components目录下新建一个Form.vue//input//select//插槽import{ref,reactive,toRefs,inject,
Eason_0316·2023-09-11 18:28

elementUI的rules表单自定义验证validator方法传递其他更多参数

一般写法，validateEmail能接收到三个参数：rule,value,callbackconstrules=reactive({email:[{validator:validateEmail,trigger
小小小的学习日记·2023-09-11 17:50

【Vue2.0源码学习】生命周期篇-初始化阶段(initState)

文章目录1.前言2.initState函数分析3.初始化props3.1规范化数据3.2initProps函数分析3.3validateProp函数分析3.4getPropDefaultValue函数分析3.5assertProp函数分析4.初始化methods5.初始化data6.初始化computed6.1回顾用法6.2initComputed函数分析6.3defineComputed函数分析
itpeilibo·2023-09-11 13:19

vue3直白教程（梳理）

1、setupscript用法：//在这里写vue的逻辑哈哈2、ref&reactive&事件说明：1、ref：需要响应式的常量，赋值时需要xxx.value2、reactive：需要响应式的对象或者数组
·2023-09-11 09:35

Vue3中的几个坑，你都见过吗？

1.使用reactive封装基础数据类型传统开发模式中，数据声明很简单。
·2023-09-11 09:35

＜script setup＞如何使用多个 watch

import{watch,defineProps,reactive}from"vue"constprops=defineProps({'nodeId':{type:Number,required:true
天魔老师·2023-09-11 01:38

RxDataSource创建UITableView - I

我们继续完成App的后半部分，基于RxDatasource，用reactive的方式处理UITableView。
醉看红尘这场梦·2023-09-11 00:49

vue3封装一个通用的弹框事件函数

vue3封装一个通用的弹框事件函数背景在弹框的时候，我们总是要设置变量，去控制弹框的打开和关闭，要写很多的事件和很多变量名，那么封装一套弹框的事件，去控制，就要好很多代码import{reactive,
推开世界的门·2023-09-10 23:02

【Vue3 从入门到实战 进阶式掌握完整知识体系】033-Composition API：使用 Composition API 开发TodoList

实现简单的添加列表运行结果封装优化运行结果4、使用CompositionAPI开发TodoList实现简单的添加列表了解循环constapp=Vue.createApp({setup(){const{ref,reactive
訾博ZiBo·2023-09-10 23:58

【 OpenGauss源码学习 —— 列存储（analyze）(四)】

列存储（analyze）AcquireSampleCStoreRows函数es_get_attnums_to_analyze函数CStoreRelGetCUNumByNow函数CStore::GetLivedRowNumbers函数InitGetValFunc函数CStoreGetfstColIdx函数CStore::GetCUDesc函数CStore::IsTheWholeCuDeleted函数
J.Kuchiki·2023-09-10 19:40

【 OpenGauss源码学习 —— 列存储（analyze）(三)】

列存储（analyze）acquire_sample_rows函数RelationGetNumberOfBlocks函数BlockSampler_Init函数anl_init_selection_state函数BlockSampler_GetBlock函数ReadBufferExtendedPageGetMaxOffsetNumber函数HeapTupleSatisfiesVacuum函数heap
J.Kuchiki·2023-09-10 19:09

Vue3使用Echarts导致tooltip失效

解决方法：将ref或reactive对象换成普通变量来保存echarts实例。初始化图表//初始化柱状图functioninitBarChart(data){constmyCha
MichstaBe Stars·2023-09-10 19:34
上一页 25 26 27 28 29 30 31 32 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他