Local / Global Component

등록해야지 사용할 수 있는 로컬 컴포넌트와 전역으로 사용할 수 있는 글로벌 컴포넌트 예제

by ChangJoo Park

HTML

<div id="app">
  <h1>Global Component / Local Component</h1>
   <global-component></global-component>
   <local-component></local-component>
</div>

JavaScript

var LocalComponent = {
	template: '<h3>Local Component</h3>'
}

Vue.component('global-component', {
	template: `<div>
  	<h3>Global Component</h3>
    <local-component></local-component>
  </div>`,
  components: {
  	'local-component': LocalComponent
	}
})

new Vue({
	el: '#app',
  components: {
  	'local-component': LocalComponent
  }
})