目录
一、概述
template模板的优点是直观、简洁、各种命令使用方便。推荐使用模板,但当模板代码存在冗余,或想自己控制渲染逻辑时可以考虑使用渲染函数。render是Vue的渲染函数,比template模板更接近编译器,具有JS的完全编程能力。
template模板通过HTML语法构建页面,渲染函数通过JS语法构建虚拟DOM。
运行时模板会被转译成渲染函数,即标签节点会转译为虚拟节点。因为Vue本身操作的就是虚拟DOM,渲染函数可以直接构建虚拟DOM,免去了转译过程,所以相比模板,渲染函数可以提升节点性能。
<script>
export default {
render(h) {
return h('div', 'Hello world');
}
}
</script>
<script>
export default {
render: (h) => {
return h('div', 'Hello world');
}
}
</script>
注意,渲染函数和模板不能同时存在,只能择一使用。如下代码