首页
首页
AI Coding
NEW
沸点
课程
直播
活动
AI刷题
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
小旋风我来了
掘友等级
前端开发工程师
获得徽章 0
动态
文章
专栏
沸点
收藏集
关注
作品
赞
263
文章 262
沸点 1
赞
263
返回
|
搜索文章
最新
热门
11. 探究Vue的keep-alive
keep-alive是个抽象组件(或称为功能型组件),实际上不会被渲染在DOM树中。它的作用是在内存中缓存组件(不让组件销毁),等到下次再渲染的时候,还会保持其中的所有状态,并且会触发activated钩子函数。一般与或者动态组件配合使用,本篇以动态组件为例: 。 其中_c表示…
10. Vue的插槽进化及其原理
在Vue 2.6.0 中,我们为具名插槽和作用域插槽引入了一个新的统一的语法(即v-slot指令)。它取代了 slot和slot-scope。 为例。 this指向app-layout父组件的构造函数。在子组件初始化过程中的initRender会对slot进行如下处理: 接着将…
9. 探究Vue的自定义指令
更新完directive后继续进行diff,最后挂载到页面。
8. Vue的初始化以及生命周期
在Vue实例上初始化一些属性并设置默认值。 将事件添加到vm._events = {} 中。 可以通过vm.x访问methods中的x了。data、watch以及props前面均有讲到,接下来详细说下computed的原理。 computed是一个惰性求值的观察者,具有缓存性,…
7. Vue中的父子组件间数据通信
子组件的构造函数继承了父组件。接着初始化子组件的参数 规格化后的props从其父组件传入的props数据中或者使用new创建的propsData参数中,筛选出需要的数据保存在vm._props中,然后在vm上设置一个代理,通过vm.x访问vm._props.x。 删除之前的老节…
6. Vue内部是如何渲染视图
以往经常听到Vue基于虚拟DOM节点渲染,但是具体如何渲染,较少提及,本文从虚拟DOM入手,解析Vue框架中整个渲染过程。
5. Vue的模板编译器原理
本节先介绍模板编译生成render函数的过程。 模板编译成渲染函数经历了三个阶段: 将模板解析成AST、遍历AST标记静态节点以及静态根节点和使用AST生成render函数。 其中unarySlash表示是否是闭合标签。在经过handleStartTag函数处理后调用start…
4. Vue的API-$set和$delete的原理
因为Vue2.6.*以前侦测数据变化都是通过Object.defineProperty实现,ES6之前都无法提供元编程能力,所以无法侦测对象的增加和删除属性,这个时候需要单独对其进行处理。 这部分介绍了侦测数据的API,computed的实现原理在后面的初始化过程再介绍。
3. Vue的watch实现原理
上面创建一个Watcher实例,其中expOrFn是函数(在Watcher构造函数中做了判断处理),当expOrFn是字符串时,Watcher会观察路径属性keypath(如a.b.c)所指向的的数据并观察这个数据的变化;当数据为函数时,它会观察expOrFn所关联的vue实例…
2. 数组Array的变化侦测
收集依赖的地方还是在defineReactive?方法的get方法,因为data中的数组元素arr,还是需要通过this.arr获取后再进行数组操作。 通过value.__ob__来访问Observer实例,同时__ob__可以用来标记当前的value是否已经被转换成响应式数…
下一页
个人成就
文章被点赞
44
文章被阅读
14,888
掘力值
345
关注了
30
关注者
87
收藏集
1
关注标签
25
加入于
2017-06-09