前端源码解读

# Vue.compile

# 用法回顾

其用法如下：

Vue.compile( template )

成功
1

  • 参数：

    • {string} template

  • 作用：

    在 render 函数中编译模板字符串。只在独立构建时有效

    var res = Vue.compile('<div><span>{{ msg }}</span></div>')

new Vue({
  data: {
    msg: 'hello'
  },
  render: res.render,
  staticRenderFns: res.staticRenderFns
})

    成功
    1
    2
    3
    4
    5
    6
    7
    8
    9

# 原理分析

从用法回顾中可以知道，该API是用来编译模板字符串的，我们在日常业务开发中几乎用不到，它内部是调用了compileToFunctions方法，如下：

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

Vue.compile = compileToFunctions;

成功
1
2
3

关于compileToFunctions方法在模板编译篇已经做了非常详细的介绍，此处不再重复。

← Vue.observable →