Vue内部运行剖析读书笔记

[DaZhaoLis]

Vue内部运行概览

init的过程

initMixin: 初始化全局混入 stateMixin: 　　主要做一些方便调用的api $data $props $set $delete $watch eventsMixin: 　　主要做一些事件相关的api $on $off $once $emit lifecycleMixin: 　　主要做一些生命周期函数 updated forceUpdate destroy renderMixin: 　　暴露$nextTick 声明render init： 　　为每个vue实例添加uid以区分，并根据config.performance配置来开启或关闭性能监控（组件初始化、编译、渲染和打补丁patch的性能追踪）。 　　添加isVue避免被observe。 　　根据是否为子组件来快速合并options还是需要根据mixin策略进行合并包括extend继承属性。
ｉnitProxy 　　添加些代理来提示用户错误行为，未声明data属性并不是全局允许对象，声明重复config.keycode 允许的全局对象'Infinity,undefined,NaN,isFinite,isNaN,' +'parseFloat,parseInt,decodeURI,decodeURIComponent,encodeURI,encodeURIComponent,' +'Math,Number,Date,Array,Object,Boolean,String,RegExp,Map,Set,JSON,Intl,' +'require' 　　添加config.keycode的检测Proxy,若已存在的keycode则提示，不存在则报错，默认有（stop,prevent,self,ctrl,shift,alt,meta） 那其他修饰符岂不是不检测了？https://github.com/vuejs/vue/blob/1bd6196fb234c28754d9a27095afe0b5b84990ad/src/compiler/codegen/events.js 需要做下测试。 initLifecycle 　　赋值parent $root 置空$children $refs watcher 生命周期：_isMounted _isDestroyed _isBeingDestroyed keep-alive的标识（_inactive _directInactive） initEvent 　　初始化事件，若option.$listener 有值的话绑定在该实例上。 initRender 　　初始化$slots $scopedSlots $createElement $attrs & $listeners always updated 回调beforeCreate initInject 　　初始化$inject 并添加不可直接修改提示 initState 　　初始化props methods data computed watch initProvide 　　初始化Provide并添加不可直接修改提示 回调created

[DaZhaoLis]

感觉没啥营养啊，不求甚解等于零啊，这体验好差。我要细究才行，要不然读源码就没意义了呀。