
Vue源码
一九四六
这个作者很懒,什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
Vue源码之虚拟DOM
个人博客地址 什么是虚拟DOM 虚拟DOM是随着时代发展而诞生的产物。 在web早期,都是命令式的操作DOM,虽然简单好用,但是不会维护。 现在,三大主流框架都是声明式的操作DOM,通过描述状态和DOM之间的映射关系,来渲染成视图。状态怎么生成视图,不需要你来关心,框架会帮你搞定。 当某个状态发生改变时,如何只更新与这个状态相关联的DOM节点。 虚拟DOM的解决方式是:根据状态生成一个虚拟节点树,...原创 2019-08-03 15:09:07 · 285 阅读 · 0 评论 -
Vue源码之响应式原理
Object的变化侦测 像Vue官网上面说的,vue是通过Object.defineProperty来侦测对象属性值的变化。 function defineReactive (obj, key, val) { let dep = new Dep() Object.defineProperty(obj, key, { enumerable: true, ...原创 2019-08-02 12:27:21 · 178 阅读 · 0 评论 -
Vue源码之实例方法
个人博客地址 在 Vue 内部,有一段这样的代码: import { initMixin } from './init' import { stateMixin } from './state' import { renderMixin } from './render' import { eventsMixin } from './events' import { lifecycleMixin ...原创 2019-08-07 21:28:41 · 372 阅读 · 0 评论 -
Vue源码之Vue实例初始化
这一节主要记录一下:Vue 的初始化过程 以下正式开始: Vue官网的生命周期图示表 [外链图片转存失败(img-LD0xeILd-1566566311651)(https://raw.githubusercontent.com/shisanOnly/blogImage/master/lifecycle.png)] 重点说一下 new Vue()后的初始化阶段,也就是created之前发生了什么。...原创 2019-08-23 21:23:37 · 347 阅读 · 0 评论