学习
实践
活动
专区
工具
TVP
写文章
专栏首页柠檬先生Vue 源码分析——构造函数原型

Vue 源码分析——构造函数原型

在执行 npm run dev 的时候 根据script/config.js 文件中的配置

'web-full-dev': {    

  entry: resolve('web/entry-runtime-with-compiler.js'),    

  dest: resolve('dist/vue.js'),    

  format: 'umd',    

  env: 'development',    

  alias: { he: './entity-decoder' },    

  banner  }

可知入口文件为 'web/entry-runtime-with-compiler.js',最终输出为'dist/vue.js',

  有一个umd 模块,模块的类型总共有(iife amd cmd cjs umd es6)

在script 文件下的 alias.js 是别名配置文件。

  module.exports = {  

      vue: resolve('src/platforms/web/entry-runtime-with-compiler'),  

      compiler: resolve('src/compiler'),  core: resolve('src/core'),

       shared: resolve('src/shared'),  web: resolve('src/platforms/web'),  

      weex: resolve('src/platforms/weex'),  

      server: resolve('src/server'),  

      entries: resolve('src/entries'),  

      sfc: resolve('src/sfc') }

例如:web: resolve('src/platforms/web')  web 指向 'src/platforms/web' 路径

  打开  src/platforms/web/entry-runtime-with-compiler.js

  会发现  import Vue from './runtime/index'  这个文件的 Vue  是从

  './runtime/index' 导入来的,接下来打开 runtime 目录下的 index.js

本文参与 腾讯云自媒体分享计划 ,欢迎热爱写作的你一起参与!
本文分享自作者个人站点/博客:https://www.cnblogs.com/nmxs复制
如有侵权,请联系 cloudcommunity@tencent.com 删除。
登录 后参与评论
0 条评论

相关文章

  • 构造函数和原型

    实例成员就是构造函数内部通过this添加的成员 如下列代码中uname age sing 就是实例成员,实例成员只能通过实例化的对象来访问

    梨涡浅笑
  • 构造函数、原型、原型链、继承

    每个对象都有一个__proto__属性,该属性是一个对象,被称为原型对象,原型对象有一个constructor属性,指向创建对象的那个函数(obj.constr...

    用户7353950
  • 构造函数和原型

    清出于兰
  • 构造函数和原型

    在典型的OOP的语言中(如Java) , 都存在类的概念,类就是对象的模板,对象就是类的实例,但在ES6之前, JS中并没用引入类的概念。 ES6,全称ECMA...

    星辰_大海
  • JS高级——构造函数和原型

    在典型的OOP的语言中(如Java),都存在类的概念,类就是对象的模板,对象就是类的实例,但在ES6之前,JS中并没有引入类的概念。

    岳泽以
  • 再谈构造函数、原型、原型链之间的关系

    构造函数、原型、原型链作为ES5的内容,已经是老生常谈的问题了。首先说说为什么要再次拿起这个话题去说呢?这几天有空我会看一些源码,这些源码的底层实现考虑到兼容性...

    小丑同学
  • 理解构造函数与原型对象

    在Es6之前,由于javascript没有对类的支持,也就是说它并不具备如传统后台语言(比如java)拥有类的功能,所谓类就是用来描述事物中的属性和行为的,类的...

    itclanCoder
  • 基础 | 详解面向对象、构造函数、原型与原型链

    作者|波同学 原文|http://www.jianshu.com/p/15ac7393bc1f 如果要我总结一下学习前端以来我遇到了哪些瓶颈,那么面向对象一定是...

    用户1097444
  • JavaScript笔记(2) 构造函数和原型

    昨天又独自把案例做了一遍,还是有点小错误出现的,但是大体上比较顺利,感觉还是逻辑比较重要,先把思路整理好再开始做会比较好.

    y191024
  • 详解js原型,构造函数以及class之间的原型关系

    含义: 是一个函数的属性,这个属性是一个指针,指向一个对象 作用: 构造函数调用 访问该构造函数所关联的原型对象

    念念不忘
  • JavaScript原型链继承与盗用构造函数继承

    继承这个词比较容易理解,很多东西我们没有,但是我们的父亲有,我们就可以拿我们父亲的来用。这个就是继承。我们直接上干货。

    大熊G
  • 【JS精粹】原型链继承和构造函数继承的 “毛病”

    持续创作,加速成长!这是我参与「掘金日新计划 · 6 月更文挑战」的第15天,点击查看活动详情

    掘金安东尼
  • JS中对象+构造函数+原型对象谈恋爱了嘛。

    贵哥的编程之路
  • SpringBoot源码分析之SpringApplication构造方法核心源码分析

      前面给大家介绍了SpringBoot启动的核心流程,本文开始给大家详细的来介绍SpringBoot启动中的具体实现的相关细节。

    用户4919348
  • 构造流程源码分析:ApplicationListener加载

    完成了 ApplicationContextlnitializer 的加载之后,便会进行 ApplicationListener 的加载。它的常见应用场景为:当...

    愿天堂没有BUG
  • Javascript 原型链之原型对象、实例和构造函数三者之间的关系

    首先来说一下名词解释,首先说一下prototype,每个函数都有一个prototype属性,这个属性是指向一个对象的引用,这个对象称为原型对象,原型对象包含函数...

    OECOM
  • JavaScript OOP(三):prototype原型对象(即构造函数的prototype属性)

    通过构造函数生成的实例化对象,无法共享属性或方法(即每个实例化对象上都有构造函数中的属性和方法);造成了一定的资源浪费 1 function Obj(name...

    用户1149564
  • 构造函数的使用方法分析

    尽管对于大部分的数据传输对象(DTO)对象,以及我们的domain模型,属性值都是能够起到相应的作用,但是,在某些情况下如我们想使用一些固定的类。比如:表格中包...

    用户8983410
  • 用C++跟你聊聊“原型模式” (复制/拷贝构造函数)

    本来今天不打算用别人的故事了,但是吧,技术这东西,枯燥无味,如果我们连学个东西干嘛用都不知道,那学来干嘛?所以我觉得,这个入门应用场景是很重要的。

    看、未来

扫码关注腾讯云开发者

领取腾讯云代金券