首页
AI Coding
NEW
沸点
课程
直播
活动
AI刷题
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
vue源码分析
沐晓
创建于2021-09-27
订阅专栏
记录自己vue源码学习的收获,通过文章加深理解与记忆
等 3 人订阅
共22篇文章
创建于2021-09-27
订阅专栏
默认顺序
默认顺序
最早发布
最新发布
Vue.use源码及Vue插件开发
其实在 Vue 文档已经对插件的使用和功能有详细的说明,这边也就重复再稍微补充实例。 插件通常用来为 Vue 添加全局功能。插件的功能范围没有严格的限制——一般有下面几种: 添加全局方法或者 property。如:vue-custom-element 添加全局资源:指令/过滤器…
侃侃VUEX实现
提及vue全家桶的时候不可忽视的就是vuex,而在我们的开发中,真正需要使用vuex的项目可能不多,至少对于我是这样的。但是这也不妨碍我们去了解下其实现原理。
vueRouter简记(下)
最近抽时间学习了vueRouter源码,基本也就是走马观花式地看了一遍。虽然很多细节和原理没有去深入分析,但还是想通过博客记录下自己从中学习到的点滴。
vueRouter简记(上)
最近抽时间学习了vueRouter源码,基本也就是走马观花式地看了一遍。虽然很多细节和原理没有去深入分析,但还是想通过博客记录下自己从中学习到的点滴。
vue2-compile完结
上篇文章分析了编译的parse部分,今天接着分析剩下的部分。主要是分为optimizer和generate。
vue2-编译之生成AST
在上篇文章我们分析了编译中`parse`的部分代码,也就是`parseHTML`的实现。在`parseHTML`中通过逐字匹配将`template`进行了初步解析。现在我们继续分析在`parseHTM
vue2-parseHTML实现
我们前面分析了vue的编译入口,算是个开端。在源码中,生成AST是从解析template模板开始的,所以我们今天从`parseHTML`开始。
vue2-编译入口
从现在开始我们将学习vue编译相关的代码,因为编译相关的代码主要是和`AST`的生成,转化有关,所以可能比较晦涩和考验JS操作。我们主要是了解其实现过程,知道其大概的实现逻辑和实现流程即可。
vue2-组件化实现
本篇文章分析了`vue组件化`的实现,包括`Vue实例`及`VueComponent实例`的创建及渲染过程,篇幅比较长,很多方面讲的也不行。后面如果有时间的话会继续分析组件生命周期及节点更新函数
vue2-patch流程分析
我们在上篇文章分析了虚拟节点的创建及渲染流程,其中也有简单分析了 patch 过程,但是对于新旧节点的对比逻没有去仔细分析,所以我们打算好好梳理下 patch 的整个流程。 PATCH入口 有了上篇文
vue2-虚拟节点实现
本篇文章分析了 vnode 在 vue 中的运用,包括 vnode 的 创建 -> 映射为真实节点 -> 渲染 的完整流程
vue2-选项合并策略
本篇文章主要梳理了在组件实例化 `_init` 中,对于配置选项的合并是如何进行的。其中主要分析了 `mergeOptions` 的实现
vue2源码系列-nextTick实现原理
nextTick实现 nextTick 作为 vue 的全局 api 之一,想必大家都非常熟悉。我们在上篇文章 深入Watcher 分析异步 watcher 的时候也是利用了 nextTick 来实现
vue2源码系列-深入Watcher
前面我们在 vue2源码系列-响应式原理 中介绍了 vue 中的整个响应式实现及流程,其中跳过了某些细节性的代码,现在我们再去好好学习研究一番。 学习目标 我们先来梳理下本篇文章的学习目标 整明白 W
vue2源码系列-深入响应式原理Vue.set
前面我们在 vue2源码系列-响应式原理 中介绍了 vue 中的整个响应式实现及流程,其中跳过了某些细节性的代码,现在我们再去好好学习研究一番 入口 我们在 defineReactive 函数里发现这
vue源码系列-深入响应式原理数组变异方法
前言 上一篇文章 深入响应式原理Vue.set 我们学习了 Vue.set 的实现原理,在此基础上我们再来学习下 vue 中数组变异方法 为什么无法监听数组 我们知道 vue 是利用 Object.d
vue2源码系列-响应式原理
之前学习了 vue 实例化及渲染函数的实现,其中的数据初始化 initData 中的 observe(data) 我们没有继续深入分析。因为内容比较多,所以今天单独开了篇来介绍 vue 的响应式原理。
浅谈订阅发布实现vue
订阅发布模式是开发领域常见的设计模式,在我们的开发中简直无处不在。这次我们一起来揭开其并不神秘的面纱。 何为订阅发布模式 订阅发布模式顾名思义分为订阅和发布两个动作。其实不止代码,生活中也有很多订阅发
Vue2源码系列-render函数
前面我们对 Vue 实例化的大致流程进行了梳理。现在我们再具体看看初始化中的 initRender 的处理,通过本篇文章可以学习到 Vue 的 render 函数处理逻辑。 初始化渲染函数 上篇文章我
vue2-实例化过程
vue实例化代码分析~贴的代码比较多。分析的有不对的地方希望帮忙指正,有不清楚的地方也可以提出来,大家一起交流~
下一页