首页
AI Coding
沸点
课程
直播
活动
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
登录
注册
vue2源码分析
qiuadam
创建于2022-06-09
订阅专栏
vue2源码分析
暂无订阅
共7篇文章
创建于2022-06-09
订阅专栏
默认顺序
默认顺序
最早发布
最新发布
Vue2-指令器
directive包含5个钩子函数 bind:只调用一次,指令第一次绑定到元素时调用。在这里可以进行一次性的初始化设置。 inserted:被绑定元素插入父节点时调用 (仅保证父节点存在,但不一定已被
generate函数分析
generate函数主要如下: 第一步,调用CodegenState函数,根据options初始化一个state 第二步,调用genElement函数,传递ast和state,返回code genEl
patch函数分析
开篇 在生成了vnode之后,就需要生成真实节点并且挂载到页面上了。这时候就用到了patch方法,对比是否是第一次将vnode生成真实节点挂载到页面上。如果已经有之前生成过的vnode了,那么就需要做
render helper 渲染帮助函数
开篇 在生成渲染函数字符串的时候用到了几个函数,比如_c _v _s _m _f _l _u 下面就分别从源码入手分析函数的运行和作用 _c 函数在src/core/instance/render.j
hook生命周期源码总结
``` function Vue(opt){ this._init(opt) } function initLifecycle(vm) { vm._isMounted = false; vm._isD
generate生成渲染函数字符串
开篇 下面主要将ast转换为render slot插槽 匿名插槽 具名插槽 作用域插槽 指令 v-text v-html v-show v-if v-else-if v-else v-for v-on
parse解析
开篇 下面根据主要将template里面包含的slot插槽,指令,属性,自定义事件,自定义指令,过滤器,组件,标签等转换为ast slot插槽 匿名插槽 具名插槽 作用域插槽 指令: v-text v