vue 구성 요소를 탑재하는 방법은 무엇입니까?

Question

나는 보통과 같이 내 구성 요소를 가져옵니다

Vue.component('comments', require('./components/Comments.vue')); 

하지만 수동 조건에 따라 .vue 파일을 탑재하고 싶습니다. 문서 상태 :

var MyComponent = Vue.extend({ 
    template: '<div>Hello!</div>' 
}) 

var component = new MyComponent().$mount() 
document.getElementById('app').appendChild(component.$el) 

하지만 구성 요소를 별도의 vue 파일에 마운트하려면 어떻게해야합니까?

Answer 1

수동으로 구성 요소를 마운트하지 마십시오. 일반적으로 요소를 사용할 수있게 된 후에 만 ​​(예 : 기존 코드와 통합 할 때) 마운트 할 수있는 테스트 및 특정 상황에서만 유용합니다.

single file components의 경우 기본 구성 요소가 이미 장착되어 있으므로 Vue이 처리합니다. 귀하의 경우에는 조건이 충족 될 때 구성 요소 만 마운트하는 v-if을 사용해야합니다. 당신은 그것을 수동으로 할 필요가 없습니다. 여기

는 JSFiddle입니다 : https://jsfiddle.net/5p3nq001/