render 是字符串模板的一种替代，可以使你利用 JavaScript 的丰富表达力来完全编程式地声明组件最终的渲染输出。

基本用法

• render：用于编程式地创建组件虚拟 DOM 树的函数。
• 预编译的模板，例如单文件组件中的模板，会在构建时被编译为 render 选项。
• 如果一个组件中同时存在 render 和 template，则 render 将具有更高的优先级。
• 类型：

interface ComponentOptions {
  render?(this: ComponentPublicInstance) => VNodeChild
}

type VNodeChild = VNodeChildAtom | VNodeArrayChildren

type VNodeChildAtom =
  | VNode
  | string
  | number
  | boolean
  | null
  | undefined
  | void

type VNodeArrayChildren = (VNodeArrayChildren | VNodeChildAtom)[]

• 示例：

<script>
export default {
  data() {
    return {
      msg: 'hello'
    }
  },
  render() {
    return <div>{this.msg}</div>
  }
}
</script>