vue template,render的区别

在 Vue 中，有两种方式来定义组件的模板：`template` 和 `render`。这两种方式都可以用来描述组件的 HTML 结构和数据绑定，但它们之间有几个区别。

`template` 是 Vue 提供的一种基于 HTML 的模板语法，它可以直接在组件的选项中定义，并且支持大部分 HTML 标签和属性，以及 Vue 的指令和表达式语法。使用 `template` 可以很方便地编写组件的模板，但是在运行时，Vue 会将 `template` 编译成 `render` 函数。

`render` 是一个 JavaScript 函数，它接收一个 `createElement` 函数作为参数，并返回一个 VNode 对象。VNode 是 Vue 内部的虚拟节点，它可以描述一个 DOM 元素的结构和属性，以及它的子节点。在使用 `render` 函数时，需要手动编写 VNode 对象的描述，比较繁琐，但是它的执行效率比 `template` 更高，而且可以更好地支持动态组件、异步组件、函数式组件等高级用法。

总的来说，`template` 更适合编写简单的组件，而 `render` 更适合编写复杂的组件和性能要求较高的组件。