一張圖讓你瞭解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文件。