Vue.js 如何在Nuxt中使用pug扩展Vue组件？

我理解Vue与帕格的关系；详情如下：

但是在Nuxt中，我找不到将pug模板扩展到子模板中的方法。怎么做

比如,；这不起作用，因为Nuxt中没有

SurveyInputBase.pug

文件，它是一个组件

<template lang="pug">
  include SurveyInputBase.pug
</template>
<script>
  export default {
    props: [ 'question' ]
  }
</script>

包括SurveyInputBase.pug
导出默认值{
道具：[‘问题’]
}

您需要提高一个级别，让webpack/vue cli为您进行导入。用于vue的pug插件实际上只是一种快速标记语言工具，而不是pug/express所提供的完整动态页面编译包

<template lang="pug">
  SurveyInputBase
</template>
<script>
  import SurveyInputBase from '@/components/SurveyInputBase';
  export default {
    components: [SurveyInputBase],
    props: [ 'question' ]
  }
</script>

调查数据库
从“@/components/SurveyInputBase”导入SurveyInputBase；
导出默认值{
组件：[SurveyInputBase]，
道具：[‘问题’]
}

非常感谢。我这样做了，但这次实际上并没有“扩展”。看起来它只是像导入一个pug文件一样导入基本组件。我们可以通过模板以某种方式实现真正的“基本”组件吗？SurveyInputBase的模板和方法等？是的，请阅读vue.js组件指南以了解更多详细信息。它以这种方式使用常规vue.js语法。