vue.js - 使用Vue在单文件组件中调用render方法

Question

我有一个具有自定义渲染方法的 Vue 组件。但是，该方法没有被调用。

<template>
  <div class="guide"></div>
</template>

<script>
export default {
  name: 'guide',
  render: function(createElement){
    return createElement('div', 'this will never get called?'),
  },
};
</script>

我已经查看了关于单个文件组件的文档，但它没有提及任何关于 render() 的注意事项。有没有其他方法可以调用此方法？

Answer 1

正如 ABDEL-RHMAN 所建议的那样，删除模板将使代码正常工作； <template>导致渲染方法被忽略。工作示例:

<script>
export default {
  name: 'guide',
  render: function(createElement){
    return createElement('div', 'this will get called?'),
  },
};
</script>