Как расширить компонент Vue с мопсом в Nuxt? - PullRequest
Новая
       47

Как расширить компонент Vue с мопсом в Nuxt?

0 голосов
/ 26 июня 2019

Я понимаю, Vue расширяется с мопс;подробно здесь: https://vuejsdevelopers.com/2017/06/11/vue-js-extending-components/

Но в Nuxt я не могу найти способ extend или include шаблона pug в дочерний шаблон.Как это сделать?

Например;это не работает, потому что у нас нет файла SurveyInputBase.pug в Nuxt, это компонент; 

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

1 Ответ

1 голос
/ 26 июня 2019

Вам нужно подняться на один уровень, и пусть webpack / vue-cli сделает импорт за вас.Плагин pug для vue на самом деле является лишь инструментом быстрой разметки, а не полным пакетом динамической компиляции страниц, как pug / express. 

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