使用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>

使用Vue在单文件组件中调用render方法

calling the render method in single file components using Vue

vue.js

vue-router