VueコンポーネントをVueコンポーネントにインポートする方法

Question

これは本当にばかげた質問かもしれませんが、答えは見つけられません。

私はVueコンポーネントを構築しており、コンポーネントの内部にあるvue-spinnerのコンポーネントにアクセスしたいと考えています。どうすればいい？

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> 

がVUE-スピナーがされていると仮定ここ

は、問題のコードのスニペットですインストールされており（NPM）、TeamPlayersComponent.vueが有効であり、他の作業を行っていることnはコンソールでこのエラーを与える：

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)

私はLaravelエリクシールとがぶ飲みでのVueを使用しています。

Answer 1

ソリューション：

はapp.jsでGridLoader固有のコード（Laravelのセットアップ）を交換しますwith：

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

期待どおりに作業しました！

Answer 2

あなたは以下のことでそれを得ることができます。

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

やコンポーネントにそれを追加します。

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