Есть ли способ использовать RequireJS при импорте компонентов VueJS? - PullRequest
Новая
       8

Есть ли способ использовать RequireJS при импорте компонентов VueJS?

0 голосов
/ 23 сентября 2019

У меня есть проект, который использует компоненты RequireJS и Vue.Я пытаюсь модулировать компоненты Vue на более мелкие части, и я хочу иметь возможность экспортировать меньшие компоненты Vue, чтобы они могли использоваться более крупными.Это просто для стандартного vue: 

import SomeComponent from './SomeComponent.vue'

new Vue({
     el: '#app',
     ...
     components: { SomeComponent },
     ...
}

, но как это сделать с requireJS?

Ответы [ 2 ]

2 голосов
/ 24 сентября 2019

Вы можете использовать require для импорта ваших *.vue компонентов следующим образом: 

new Vue({
  el: '#app',
  ...
  components: {
    'some-component': require('../path/to/components/SomeComponent.vue').default,
    ...
  },
  ...
});

Ваши *.vue файлы должны быть структурированы следующим образом: 

<template>

  <!-- Component HTML  -->

</template>

<script>
  export default {
    name: 'some-component',
    ...
  }
</script>

<style>

  /* Component Styles */

</style>

КакВ качестве альтернативы вы можете использовать require для глобальной регистрации ваших компонентов ( см. api docs ): 

Vue.component('some-component', require('../path/to/components/SomeComponent.vue').default);

new Vue({
  el: '#app',
  ... // no need to declare `SomeComponent` here
});

Это хороший вариант, если у вас есть несколько компонентов, которые будут использовать всеSomeComponent.

0 голосов
/ 23 сентября 2019

Я не совсем уверен, что вы спрашиваете, но если вы просто пытаетесь модульные, вы можете сделать это с помощью импорта.Способ сделать это - импортировать компоненты в компоненты.

Если у вас есть компонент разбиения на страницы, который импортируется в ваше приложение, вы можете импортировать меньший компонент (подкомпонент) в компонент разбиения на страницы.Вы можете пойти так мало, как вы хотите, и иметь суб-суб-суб-компоненты.Синтаксис для импорта компонентов в компоненты идентичен импорту компонентов на новую страницу vue.

Если я что-то не упустил, нет причин пытаться использовать require.Vue уже дает вам все необходимое с возможностью импорта компонентов.Это правильный способ модульности и сохранения вашего кода СУХОЙ в Vue.

...