Vue源码系列4------Vue文件的入口-----Vue的初始化

这片文章主要分析,在 web 应用下, Runtime + Compiler 构建出来的 Vue.js。


入口文件

在Vue源码中,入口文件为src/platforms/web/entry-runtime-with-compiler.js。

入口文件通过export导出的是一个Vue对象,通过import导入相关依赖组件。

首先这个Vue对象来自于;而runtime/index中的Vue对象又来自于core/index中的Vue对象又来自于;继续往下找。在instance/index中,我们找到了原始的Vue的定义;它实际上就是一个用 Function 实现的类,我们只能通过 new Vue 去实例化它。

其原理是往Vue的原型上去挂载一些方法;把这些方法拆分到不同的功能模块中,非常方便后期的维护与实现。Vue.js 在整个初始化过程中,除了给它的原型 prototype 上扩展方法,还会给 Vue 这个对象本身扩展全局的静态方法,它的定义在src/core/global-api/index.js 中。Vue的本质上就是一个用 Function 实现的 Class,然后它的原型 prototype 以及它本身都扩展了一系列的方法和属性。

 

 

 

 

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值