vue文件的代码被实例化成vue组件的过程需要经历哪些步骤

2020-05-19  本文已影响0人  飞到心头的小鸟

1、vue文件被loader处理,template被编译成render函数,script被编译成一个对象变量。

2、将script编译后的对象传入render中,并在render函数中调用vue.createElement(来自vue/src/core/vdom/create-element.js)构建vue组件。

3、在createElement中,如果是vue组件的话,通过createComponent(vue/src/vdom/create-component.js)构建组件。

4、将script编译出来的对象变量通过上下文的$options中取出,并使用Vue.extends(vue/src/core/global-api/extend.js)通过该对象构建出一个新的Vue对象。

上一篇 下一篇

猜你喜欢

热点阅读