首页
首页
沸点
课程
直播
活动
竞赛
商城
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
Vue解析
HuskyYellow
创建于2021-05-11
订阅专栏
解析
暂无订阅
共6篇文章
创建于2021-05-11
订阅专栏
默认顺序
默认顺序
最早发布
最新发布
Vue源码解析(虚拟DOM)
我们在最开始提到过,Vue从2.0+版本开始就引入了虚拟DOM,也知道Vue中的虚拟DOM借鉴了开源库snabbdom (opens new window)的实现,并根据自身特色添加了许多特性。 Vue在1.0+版本还没有引入虚拟DOM的时候,当某一个状态发生变化时,它在一定程…
Vue源码解析(nextTick实现原理&变化侦测注意事项&变化侦测API实现)
在使用Vue.js开发的时候,如果我们要根据数据状态操作正确的DOM,那么我们一定和nextTick()方法打过交道,它是Vue.js中一个比较核心的一个方法,在这一章节中我们来介绍Vue.js中nextTick是如何实现的。 由于nextTick涉及到许多与异步相关联的知识,…
Vue源码解析(深入响应式原理&依赖收集&派发更新)
在介绍完props、data、watch以及computed后,我们对响应式原理有了一定的初步认识,在这一章节中我们再次回顾响应式,来探究其实现原理。 在之前的章节中,我们以及介绍过:Vue.js通过Object.defineProperty(obj, key, descrip…
Vue源码解析(computed,watch)
处理computed相关的逻辑,发生在initState中,接下来详细分析与computed相关的逻辑。 知道computed计算属性是依赖于其它响应式变量的,因此分析computed的时候会分为两个步骤:computed初始化和computed更新。 在initState()…
Vue源码解读(methods,data)
在分析完props相关逻辑后,接下来分析与methods相关的逻辑,这部分相比于props要简单得多。 在initState()方法中,调用了initMethods()并传入了当前实例vm和撰写的methods。接下来,看一下initMethods方法具体的实现: 它首先判断了…
Vue源码解读(响应式原理介绍和Prop)
那么深入响应式原理介绍会以initState()方法开始,逐步分析Vue中响应式的原理,下面这张图可以很好的展示响应式的原理。 obj:要定义其属性的对象。 key:要定义或修改属性的名称。 descriptor:要定义或修改属性的描述符。 其中descriptor有很多可选的…