我们知道 src/platforms/web 是 Vue 编译的入口，主要进行分析运行时版本（不携带编译器） entry-runtime.js 和编译器版本（携带编译器） entry-runtime-with-compiler.js 接下来我们看下它们的代码。

运行时（entry-runtime.js）

  1. import Vue from './runtime/index';
  3. export default Vue;

运行时版本的代码很精简，主要就是在 src/platforms/web/runtime/index.js 导入了 Vue 然后导出 Vue。

编译器（entry-runtime-with-compiler.js）

  1. import config from 'core/config';
  2. import { warn, cached } from 'core/util/index';
  3. import { mark, measure } from 'core/util/perf';
  5. import Vue from './runtime/index';
  6. import { query } from './util/index';
  7. import { compileToFunctions } from './compiler/index';
  8. import { shouldDecodeNewlines, shouldDecodeNewlinesForHref } from './util/compat';
  10. const idToTemplate = cached((id) => {
  11.     const el = query(id);
  12.     return el && el.innerHTML;
  13. });
  15. const mount = Vue.prototype.$mount;
  16. Vue.prototype.$mount = function (el?: string | Element, hydrating?: boolean): Component {
  17.     el = el && query(el);
  19.     /* istanbul ignore if */
  20.     if (el === document.body || el === document.documentElement) {
  21.         process.env.NODE_ENV !== 'production' && warn(`Do not mount Vue to <html> or <body> - mount to normal elements instead.`);
  22.         return this;
  23.     }
  25.     const options = this.$options;
  26.     // resolve template/el and convert to render function
  27.     if (!options.render) {
  28.         let template = options.template;
  29.         if (template) {
  30.             if (typeof template === 'string') {
  31.                 if (template.charAt(0) === '#') {
  32.                     template = idToTemplate(template);
  33.                     /* istanbul ignore if */
  34.                     if (process.env.NODE_ENV !== 'production' && !template) {
  35.                         warn(`Template element not found or is empty: ${options.template}`, this);
  36.                     }
  37.                 }
  38.             } else if (template.nodeType) {
  39.                 template = template.innerHTML;
  40.             } else {
  41.                 if (process.env.NODE_ENV !== 'production') {
  42.                     warn('invalid template option:' + template, this);
  43.                 }
  44.                 return this;
  45.             }
  46.         } else if (el) {
  47.             template = getOuterHTML(el);
  48.         }
  49.         if (template) {
  50.             /* istanbul ignore if */
  51.             if (process.env.NODE_ENV !== 'production' && config.performance && mark) {
  52.                 mark('compile');
  53.             }
  55.             const { render, staticRenderFns } = compileToFunctions(
  56.                 template,
  57.                 {
  58.                     outputSourceRange: process.env.NODE_ENV !== 'production',
  59.                     shouldDecodeNewlines,
  60.                     shouldDecodeNewlinesForHref,
  61.                     delimiters: options.delimiters,
  62.                     comments: options.comments,
  63.                 },
  64.                 this
  65.             );
  66.             options.render = render;
  67.             options.staticRenderFns = staticRenderFns;
  69.             /* istanbul ignore if */
  70.             if (process.env.NODE_ENV !== 'production' && config.performance && mark) {
  71.                 mark('compile end');
  72.                 measure(`vue ${this._name} compile`, 'compile', 'compile end');
  73.             }
  74.         }
  75.     }
  76.     return mount.call(this, el, hydrating);
  77. };
  79. /**
  80.  * Get outerHTML of elements, taking care
  81.  * of SVG elements in IE as well.
  82.  */
  83. function getOuterHTML(el: Element): string {
  84.     if (el.outerHTML) {
  85.         return el.outerHTML;
  86.     } else {
  87.         const container = document.createElement('div');
  88.         container.appendChild(el.cloneNode(true));
  89.         return container.innerHTML;
  90.     }
  91. }
  93. Vue.compile = compileToFunctions;
  95. export default Vue;

携带编译器版本的代码在运行时的基础上，额外多出来了 90 多行的代码（仅限本文件）。主要的作用就是将 el 转换为 template 字符串，然后再将 template 转换为 render 函数。这里只作为简单介绍，后面将会深入介绍。