首页
AI Coding
NEW
沸点
课程
直播
活动
AI刷题
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
浅曦 vue 源码
和雍
创建于2022-01-19
订阅专栏
vue 2.x 源码学习每日更新中☀️☀️; 按照框架源码的【执行顺序】组织的文章; 只要看就能看的懂的源码解析文章; 浅【曦】,曦是暖暖的阳光啊~
等 21 人订阅
共47篇文章
创建于2022-01-19
订阅专栏
默认顺序
默认顺序
最早发布
最新发布
浅曦Vue源码-26-挂载阶段-$mount(15)
本文讲述parse 生成 ast 的下一阶段generate,这个过程中会调用genElement,genElement第一步是 genStatic 将静态根提升到 staticRenderFns
浅曦Vue源码-25-挂载阶段-$mount(14)
挂载阶段的生成渲染函数代码主体的过程。parse是html 模板转成 ast;generate是借用渲染函数的帮助函数生成把 ast 还原成真实DOM 的 js 代码,即 render 函数
浅曦Vue源码-24-挂载阶段-$mount(13)
本文详细讲解了对 parse 得到的 ast 进行静态标记的过程,这个过程的意义在于被标记成静态的 ast 节点,在数据发生更新是不会被重新渲染,其核心实现主要在 optimize 方法中
浅曦Vue源码-23-挂载阶段-$mount(12)-options.end
本篇小作文完成parseHTML最后一个回调方法options.end的讨论; 然后讨论 curerntParent在start和end的更新差异,最后回顾整个parse方法
浅曦Vue源码-22-挂载阶段-$mount(11)
本篇小作文继续讨论了closeElement的工具方法:processSlotOutlet/processComponent/transforms/processAttrs
浅曦Vue源码-21-挂载阶段-$mount(10)
本篇小作文讨论了options.start中的 closeElement的内部工具方法:processKey、processRef、checkInFor、processSlotContent
浅曦Vue源码-20-挂载阶段-$mount(9)
本篇小作文继续讨论了 options.start 方法的内部方法:processIf、processOnce、checkRootContraints、closeElement
浅曦Vue源码-19-挂载阶段-$mount(8)
本文接着前文讨论了 options.start 的工具方法:processPre, getAndRemovAttr,platformIsPreTag,processRawAttr,porcessFor
浅曦Vue源码-18-挂载阶段-$mount(7)
本文详细讨论了创建AST的方法createASTElement,以及处理动态绑定type的 input 的方法 —— options.modules 的 preTransformsNode 方法
浅曦Vue源码-18-挂载阶段-$mount(6)
本篇小作文的主题是讨论 parseHTML 方法执行过程中解析到开始标签后调用 parseHTML 方法接收到的参数options.start 回调方法处理开始标签...
浅曦Vue源码-17-挂载阶段-$mount(5)
本篇小作文讨论了 `parseHTML` 方法中收到回调方法中的两个比较简单的方法:options.comment、options.chars
浅曦Vue源码-16-挂载阶段-$mount(4)
本篇小作文讲述 `parseHTML` 过程中用到的工具方法:advance, parseStartTag、handleStartTag、parseEndTag 方法...
浅曦Vue源码-15-挂载阶段-$mount(3)
本文的重点parseHTML:设置标识符 index,相当于是个指针,它记录当前需要处理的模板起始位置,以 < 作为标志判断注释、条件注释、开始标签、结束标签、普通文本然后调用对应处理方法转成 AST
浅曦Vue源码-14-挂载阶段-$mount(2)
本文讨论compileToFunctions方法的获取过程,简单的交代 test.html模板生成的ast和generate ast后得到的code.render
浅曦Vue源码-13-挂载阶段-$mount(1)
本篇小作文主要讨论了以下几个问题:$mount方法的注册时机和位置;template模板的准备过程,以及不同类型的模板处理编译模板的compileToFunctions方法获取路径
浅羲Vue源码-12-响应式数据-initState(6)
本文完成initState方法的最后一部分:initWatch,初始化用户 watcher。initWatch调用createWatcher方法抹平handler,再由$watch创建watcher
浅羲Vue源码-11-响应式数据-initState(5)
作为 initComputed 的收尾篇,主要讨论 defineComputed 方法,createComputedGetter方法、computed 缓存原理,最后是几个 Watcher 原型方法
浅羲Vue源码-10-响应式数据-initState(4)
本篇小作文着重介绍了 Vue 在初始化响应式数据时 initState 方法 在 initPorps 之后的 initMethods、initData、和initComputed。
浅曦Vue源码-9-响应式数据-initState(3)-初始化prop
本文讲述了 initProp 的过程:初始化 vm._props, for in 遍历 vm.$options.propOptions,observe 每个 prop 变为响应式
浅曦Vue源码-8-响应式数据-initState(2)-数据观察observe
本文讨论initProps中的两个重要方法:observe 和 defineReactive,observe 创建 Observer 实例实现响应式
下一页