एक व्यू घटक में एक आयात घटक 'आयात' कैसे करें

Question

यह वास्तव में मूर्ख सवाल हो सकता है, लेकिन फिर भी, मुझे कुछ जवाब नहीं मिल रहा है।

तो, मैं एक व्यू घटक बना रहा हूं और अपने घटक के अंदर 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 स्पिनर किया गया है स्थापित (एनपीएम) और 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 अमृत और Gulp साथ Vue उपयोग कर रहा हूँ।

Answer 1

समाधान:

app.js में GridLoader विशिष्ट कोड (Laravel सेटअप) बदलें के साथ:

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 
    } 
})