一张图让你了解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文件。