使用 Vue 在单个文件组件中调用渲染方法答案

【问题标题】：calling the render method in single file components using Vue使用 Vue 在单个文件组件中调用渲染方法
【发布时间】：2017-03-26 02:49:51
【问题描述】：

我有一个具有自定义渲染方法的 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() 的警告。有没有其他方法可以调用这个方法？

【问题讨论】：

标签： vue.js vue-router

【解决方案1】：

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

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

【讨论】：