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

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

作者: 飞到心头的小鸟 | 来源:发表于2020-05-19 14:33 被阅读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对象。

相关文章

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

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

  • 09-生命周期及非父子组件间的通信

    一. Vue生命周期 二、生命周期代码 三、非父子组件通信 vue中非父子组件通信需要借助一个空的vue实例,案...

  • Vue - day3

    day3 Vue 组件 定义Vue组件 什么是组件: 组件的出现, 就是为了拆分Vue实例的代码量的,能够让我们以...

  • vue获取DOM元素,触发事件

    原生元素 原生元素可以直接拿到组件实例,直接click()即可 vue组件 vue组件需要通过$el获取组件实例,...

  • Vue 组件的使用

    什么是组件? 组件是可复用的 Vue 实例,我们可以通过组件的使用来减少 Vue 实例的代码量。利用不同的组件划分...

  • Vue.js 学习Day3

    Vue.js - Day3 定义Vue组件 什么是组件: 组件的出现,就是为了拆分Vue实例的代码量的,能够让我们...

  • Vue基础四

    Vue.js - Day3 定义Vue组件 什么是组件: 组件的出现,就是为了拆分Vue实例的代码量的,能够让我们...

  • 小白的Vue学习之路

    第三章 Vue 组件&路由 定义Vue组件 什么是组件: 组件的出现,就是为了拆分Vue实例的代码量的,能够让我们...

  • vue 实现 reload 功能

    App.vue ( 主组件) 配置代码 子组件 Custom.vue (需要reload 的子组件), 配置代码

  • 2018-09-18 vue第六章

    组件:组件可以扩展 HTML 元素,封装可重用的代码。组件是可复用的 Vue 实例,所以它们与 new Vue 接...

网友评论

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

      本文链接:https://www.haomeiwen.com/subject/etlbohtx.html