首页
AI Coding
NEW
沸点
课程
直播
活动
AI刷题
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
二拾四
掘友等级
前端工程师
学习 吃饭 打豆豆
获得徽章 0
动态
文章
专栏
沸点
收藏集
关注
作品
赞
83
文章 83
沸点 0
赞
83
返回
|
搜索文章
最新
热门
Vue源码之watch
watch watch何时创建,创建做了啥 immediate如何立即监听 deep如何深度监听..
Vue源码之computed
computed大法秒呀! 页面P 与 computed A 与 data B 三者不清不楚的依赖关系是啥!
Vue源码之transition-group
1.执行transition-group的render函数,获取定义的tag,未定义就获取默认值。 2.创建map空对象 ,创建prevChildren数组,创建rawChildren为组件包裹的内容,创建children数组。 3.通过transition-group的属性和…
Vue源码之transition
1.transition组件和keep-alive组件⼀样,都是内置组件,⽽transition的定 义在 src/platforms/web/runtime/component/transtion.js 中,之所以在这⾥定义,是因为transition组件是 web 平台独有…
Vue源码之keep-alive
1.首先keep-alive是个内置组件,在初始化全局API时注册到全局组件中,keep-alive组件与普通组件的写法不同点是,普通的组件都是用template去写模板然后编译的,而keep-alive是直接写render函数。而且创建的是一个抽象的组件。在确定父子关系的时候…
Vue源码之插槽slot
1.在闭合标签后执行closeElement,然后执行processElement执行processSlotContent(element)。 2.首先执行getAndRemoveAttrByRegex遍历el.attrsList找到插槽指令的那条对象返回。 3.如果存在插槽指…
Vue源码之v-model之组件
1.在闭合标签后执行closeElement,然后执行processElement执行processAttrs。 2.processAttrs获取到el.attrsList,遍历判断name是否是指令,是的话获取修饰符通过对象返回出来。 3.判断name不为Bind不为on进入…
Vue源码之v-model之表单
1.在闭合标签后执行closeElement,然后执行processElement执行processAttrs。 2.processAttrs获取到el.attrsList,遍历判断name是否是指令,是的话获取修饰符通过对象返回出来。 3.判断name不为Bind不为on进入…
Vue源码之event
1.在闭合标签后执行closeElement,然后执行processElement执行processAttrs。 2.processAttrs获取到el.attrsList,遍历判断name是否是指令,是的话获取修饰符通过对象返回出来。 3.判断name为v-on进入逻辑执行,…
Vue源码之compile之generate
generate 函数⾸先实例化CodegenState然后通过 genElement(ast, state) ⽣成 code ,再把 code ⽤ with(this){return ${code}}} 包裹起来放到render中。 options 是传入的一些判断函数或者指…
下一页
个人成就
文章被点赞
116
文章被阅读
37,315
掘力值
1,649
关注了
16
关注者
26
收藏集
0
关注标签
10
加入于
2020-01-10