Vue2.0源码思维导图-------------Vue 构造函数、原型、静态属性和方法

【Vue2.0源码思维导图-------------Vue 构造函数、原型、静态属性和方法】的更多相关文章

Vue2.0源码思维导图-------------Vue 构造函数、原型、静态属性和方法

已经用vue有一段时间了,最近花一些时间去阅读Vue源码,看源码的同时便于理解,会用工具画下结构图. 今天把最近看到总结的结构图分享出来.希望可以帮助和其他同学一起进步.当然里边可能存在一些疏漏的,或者不正确的地方.希望发现的同学给予指正. 下边这张图主要关于Vue 构造函数.原型.静态属性和方法: 高清原图地址: https://github.com/huashuaipeng/vue--/blob/master/Vue.png 通过上图,可以直观的查看到Vue原型,静态方法等.与官网api提供…

Vue2.0源码思维导图-------------Vue 初始化

上一节看完<Vue源码思维导图-------------Vue 构造函数.原型.静态属性和方法>,这节将会以new Vue()为入口,大体看下 this._init()要做的事情. function Vue (options) { if (process.env.NODE_ENV !== 'production' && !(this instanceof Vue) ) { warn('Vue is a constructor and should be called with…

Vue源码思维导图------------Vue选项的合并之$options

本节将看下初始化中的$options: Vue.prototype._init = function (options?: Object) { const vm: Component = this // a uid vm._uid = uid++ // a flag to avoid this being observed vm._isVue = true // merge options if (options && options._isComponent) { // optimize…

前端-js进阶和JQ源码思维导图笔记

看不清的朋友右键保存或者新窗口打开哦!喜欢我可以关注我,还有更多前端思维导图笔记…

Vue2.0源码阅读笔记（三）：计算属性

计算属性是基于响应式依赖进行缓存的,只有在相关响应式依赖发生改变时才会重新求值,这种缓存机制在求值消耗比较大的情况下能够显著提高性能. 一.计算属性初始化 Vue 在做数据初始化时,通过 initComputed() 方法初始化计算属性. const computedWatcherOptions = { lazy: true } function initComputed (vm: Component, computed: Object) { const watchers = vm._c…

Vue2.0源码阅读笔记（一）：选项合并

Vue本质是上来说是一个函数,在其通过new关键字构造调用时,会完成一系列初始化过程.通过Vue框架进行开发,基本上是通过向Vue函数中传入不同的参数选项来完成的.参数选项往往需要加以合并,主要有两种情况: 1.Vue函数本身拥有一些静态属性,在实例化时开发者会传入同名的属性. 2.在使用继承的方式使用Vue时,需要将父类和子类上同名属性加以合并. Vue函数定义在 /src/core/instance/index.js中. function Vue (options) { if (pr…

vue2.0 源码解读(一)

又看完一遍中文社区的教程接下来开始做vue2.0的源码解读了! 注:解读源码时一定要配合vue2.0的生命周期和API文档一起看 vue2.0的生命周期分为4主要个过程 create. 创建---实例化Vue(new Vue) 时,会先进行create. mount.挂载---根据el, template, render方法等属性,会生成DOM,并添加到对应位置. update.更新---当数据发生变化后,更新DOM. destory.销毁---销毁时执行. 接下来再看看生命周期图是不是很明朗呢…