编译

Question

1、如果在new Vue 写成render方式 编译过程什么时候执行
2、最后通过codegen生成的代码 是通过VNode 生成dom树 然后生成页面的？

Answer 1

ustbhuangyi 2019-01-31 23:25:06

1. 如果直接手写 render 函数，是会跳过编译步骤的。
2. codegen 生成的代码实际上就是 render 函数的代码，然后再通过 new Function 转换成 render 函数，render 函数会返回一个 VNode 树，然后再 patch 过程中生成 DOM 树渲染到页面

• 提问者 前端攻城 #1

  如果写成render 跳过编译 那么组件中的template 怎么编译成DOM 难道不需要走编译过程吗

• ustbhuangyi 回复 提问者 前端攻城 #2

  你既然写了 render 函数，就没必要写 template 了啊。
  难道你想问我们平时开发 .vue 文件的时候写是 template，是如何被编译成 render 函数的？
  如果是这个问题，这个编译是发生在 webpack 编译阶段，vue-loader 负责编译的。

• 提问者 前端攻城 回复 ustbhuangyi #3

  嗯 就是这个 明白了 非常感谢