Question

我了解Vue带着哈巴狗延伸；详细在这里： https://vuejsdevelopers.com/2017/06/11/vue-js-extending-components/

但是在Nuxt中，我找不到将哈巴狗模板extend或include插入子模板的方法。该怎么做？

例如；这不起作用，因为在Nuxt中没有SurveyInputBase.pug文件，它是一个组件；

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

Answer 1

您需要逐步升级，然后让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>

如何在Nuxt中使用Pug扩展Vue组件？

1 个答案: