首页
博客
源码
资源
博客
源码
写文章
发布博客
发布资源
登录
X
vue3源码
相关资讯
热门
最新
代码人生
01-01 08:00
代码人生
Vue3源码之初始化渲染流程解读(vue页面渲染过程)
Vue3源码之初始化渲染流程解读(vue页面渲染过程),最近有些时间,就想着深入vue3源码的实现背后,看下vue3应用初始化挂载的过程都有哪些步骤,每一个步骤大概做了哪些具体内容。说明:文章源码部分代码仅仅展示主要功能实现部分,如需查看完整源码,请移步GitHubvue-next首先,我们以下面的代码来看下我们是如何创建和挂载Vue3应用的hellovue3appconst{createApp,
341
代码人生
01-01 08:00
代码人生
Vue3源码解析--ref
Vue3源码解析--ref,本编文章,我们一起学习Vue3中响应式API部分ref相关的源码实现,只有更深的掌握了相关的实现原理和技术细节,才能让我们在项目的开发应用中更好的使用框架来进行开发。1.ref官方描述:接受一个内部值并返回一个响应式且可变的ref对象。ref对象具有指向内部值的单个property.value1.1ref出现的目的在vue2中,我们所有的响应式数据全部定义在组件data
278
代码人生
01-01 08:00
代码人生
Vue3源码 | 如何挂载组件元素?
Vue3源码 | 如何挂载组件元素?,上一小节文章,讲述了createApp创建应用实例主流程逻辑,这篇就跟着上章文章继续看看虚拟节点的创建、渲染以及挂载。注意,这篇主要讲述新组件挂载流程,关于组件更新相关内容下篇再继续。附上应用上下文执行mount的源码:PS:文章目录顺序及执行流程。//...其他代码省略mount(rootContainer:HostElement,isHydrate?:bo
166
后端
01-01 08:00
后端
vue3源码基础工具函数
vue3源码基础工具函数,源码目录源码目录在vue-next/packages/shared/src/index.ts工具函数源码中__DEV__为process.env.NODE_ENV!=='production'EMPTY_OBJ空对象constEMPTY_OBJ:{readonly[key:string]:any}=__DEV__?Object.freeze({}):{}//object.
143
代码人生
01-01 08:00
代码人生
vue3源码 - effect依赖收集触发更新篇
vue3源码 - effect依赖收集触发更新篇,前言响应式reactive篇已经写完,今天就来写effect篇effect是什么呢?effect就相当于vue2中的Watcher,但是想比较而言,effect的实现更加容易看明白,且更容易写出来,接下来就让我们进入我们的实现环节实现|--reactive|--examples测试文件夹|--reactive.html//测试文件|--packag
134
后端
01-01 08:00
后端
Vue3源码分析之compositionApi
Vue3源码分析之compositionApi,TNTWeb-全称腾讯新闻前端团队,组内小伙伴在Web前端、NodeJS开发、UI设计、移动APP等大前端领域都有所实践和积累。目前团队主要支持腾讯新闻各业务的前端开发,业务开发之余也积累沉淀了一些前端基础设施,赋能业务提效和产品创新。团队倡导开源共建,拥有各种技术大牛,团队Github地址:github.com/tnfe本文作者dravenwu本篇
126
后端
01-01 08:00
后端
vue3源码之旅-watch
vue3源码之旅-watch,前言之前已经了解了ref、reactive、effect、computed等响应式相关的api,接下来一起了解一下watch和watchEffect简化代码vue3-watch源码位置watch、watchEffectwatch、watchEffect源码较为简单,均通过doWatch实现的逻辑,看下代码://watchEffectexportfunctionwatc
112
代码人生
01-01 08:00
代码人生
Vue3源码的主体结构及初始化流程
Vue3源码的主体结构及初始化流程,主体架构代码组织TypeScript代码编写rollup打包jest单元测试eslint代码检查prettier代码格式化目录结构packages代码包,里面主要分为以下三个大模块:compiler编译相关reactivity响应式runtime运行时scripts脚本上文Vue源码学习开篇!中我们使用pnpmdev进行了开发环境打包,并且添加了--source
100
代码人生
01-01 08:00
代码人生
Vue3源码系列之reactiveApi实现-01
Vue3源码系列之reactiveApi实现-01 reactive 可以将一个对象编程响应式的,不管有多少层 shallowReactive 可以将一个对象编程响应式的,只管第一层 readonly 属性不能去更改,只能读,多少层都不能改 shallowRead
99