Vue 구성 요소를 Vue 구성 요소로 가져 오는 방법

이것은 매우 어리석은 질문 일 수는 있지만 그럼에도 불구하고 대답을 찾을 수없는 것입니다.Vue 구성 요소를 Vue 구성 요소로 가져 오는 방법

그래서 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 유효하며 다른 tha 작동 n은 콘솔에서이 오류를주고 : 나는 Laravel 엘릭서와 꿀꺽과 뷰를 사용하고

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)

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

및 구성 요소에 추가 :

출처

2017-01-04 AshMenhennett

[documentation] (https://github.com/greyby/vue-spinner#npm)에서 제안 된 방법 중 하나를 시도해 보셨습니까? 지금까지 시도한 것을 공유하십시오. – Nora

질문이 업데이트되었습니다. 고맙습니다. – AshMenhennett

솔루션 :

는 app.js에 GridLoader 특정 코드 (Laravel 설정)을 교체 다음을 포함합니다 :

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

예상대로 작업했습니다!

출처

2017-01-04 10:01:54 AshMenhennett

당신은 다음에 의해 그것을 얻을 수

이

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

출처

2017-01-04 09:39:14 Saurabh

Vue 구성 요소를 Vue 구성 요소로 가져 오는 방법

답변

관련 문제