一张图让你了解vue 整个运行过程

vue 整个运行机制

总体看:

1.0 Vue.prototype._init()

1.1 options && options._isComponent

resolveConstructorOptions(vm.constructor)

vm.$options = mergeOptions()

2.0 initProxy(vm) 和 vm._renderProxy = vm

3.0 initLifecycle(vm)

4.0 initEvents(vm)

5.0 initRender(vm)

6.0 callHook(vm, 'beforeCreate')

7.0 initInjections(vm)

8.0 initState(vm)

9.0 initProvide(vm)

10.0 10.callHook(vm, 'created')

11.0 vm.options.el)

非常感谢大家在白忙之中抽出时间看这篇文章,如果对你有用,记得点赞哦,在这里非常感谢 淼淼真人,他对vue解读对我对于vue有更深的认识,希望对大家理解vue源码有帮助,5.0到10.0的函数我也会尽快看完,分享给大家 ,如果你需要这份xmind,在下面留言留下你的QQ号码 我会给你发一份xmind文件。

转载于:https://juejin.im/post/5c4fee62e51d455136401339

你可能感兴趣的:(一张图让你了解vue 整个运行过程)