Vue源码
一九四六
这个作者很懒,什么都没留下…
展开
-
Vue源码之虚拟DOM
个人博客地址什么是虚拟DOM虚拟DOM是随着时代发展而诞生的产物。在web早期,都是命令式的操作DOM,虽然简单好用,但是不会维护。现在,三大主流框架都是声明式的操作DOM,通过描述状态和DOM之间的映射关系,来渲染成视图。状态怎么生成视图,不需要你来关心,框架会帮你搞定。当某个状态发生改变时,如何只更新与这个状态相关联的DOM节点。虚拟DOM的解决方式是:根据状态生成一个虚拟节点树,...原创 2019-08-03 15:09:07 · 253 阅读 · 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 · 157 阅读 · 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 · 344 阅读 · 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 · 319 阅读 · 0 评论