Wie man eine Vue-Komponente in eine Vue-Komponente "importiert"

Question

Das mag eine wirklich dumme Frage sein, aber nichtsdestoweniger kann ich darauf keine Antwort finden.

Also baue ich eine Vue-Komponente und möchte auf vue-spinner 's Komponente (n) innerhalb meiner Komponente zugreifen. Wie würde ich das tun?

Hier sind Schnipsel des Codes in Frage:

app.js:

Vue.component('players', require('./components/TeamPlayersComponent.vue')); 

import GridLoader from 'vue-spinner/src/GridLoader.vue'; 

const app = new Vue({ 
    el: '#app', 
    components: { 
     GridLoader 
    } 
}); 

TeamPlayersComponent.vue:

<grid-loader></grid-loader> 

Angenommen, vue-Spinner hat installiert (NPM) und dass die TeamPlayersComponent.vue ist gültig und funktioniert andere tha n gibt diesen Fehler in der Konsole:

vue.js?3de6:525 [Vue warn]: Unknown custom element: <grid-loader> - did you register the component correctly? For recursive components, make sure to provide the "name" option. (found in component <players> at /home/vagrant/code/rounds-smaa/resources/assets/js/components/TeamPlayersComponent.vue)

Ich bin mit Vue mit Laravel Elixir und Gulp.

Answer 1

Lösung:

Ersetzen Sie den GridLoader spezifischen Code in app.js (Laravel Setup) mit:

Vue.component('grid-loader', require('vue-spinner/src/GridLoader.vue'));

Arbeitete wie erwartet!

Answer 2

Sie können es erhalten, indem folgende:

var PulseLoader = require('vue-spinner/src/PulseLoader.vue'); 

und fügen Sie ihn in Komponenten:

new Vue({ 
    components: { 
    'PulseLoader': PulseLoader 
    } 
})