大家好，我是你的好朋友思创斯。今天说一说vue组件vnode「终于解决」,希望您对编程的造诣更进一步.
vue实例挂载流程是，$mount->mountcomponent->定义updatecomponent->new watcher->执行getter即执行updatecomponent，执行_render->执行update
执行render，就是执行vnode = render.call(vm._renderproxy, vm.$createelement)，即执行$createelement即执行createelement即执行_createelement
后面会根据tag类型做一次判断，如果是组件对象，则走到createcomponent逻辑
执行createcomponent函数，先执行basector = context.$options._base，这个其实就是vue，_base是再global-api下的index文件里进行赋值的
后续在通过mergeoption到$options上，所以他就是vue
后续执行 ctor = basector.extend(ctor)，vue.extend也是定义在golbal-api下的，cachedctors主要是对组件做缓存，相同组件不同地方多次引用，可以用缓存，然后定义sub，做了一个继承，使组件拥有vue相同的方法，然后在合并options
然后createcomponent继续往下走，执行installcomponenthooks，这个主要是填加了一些钩子函数，以后patch会用到，然后后续创建组件vnode，我们可以看到组件vnode，第3、4、5参数为空，即children、text、elm为空，但是多了componentoptions参数
文章由思创斯整理,转载请注明出处：https://ispacesoft.com/120426.html