Vue.js 컴포넌트 등록

• 전역컴포넌트 등록

• html

<div id="app">
    <g-component></g-component>
</div>
<div id="app2">
    <g-component></g-component>
</div>

• javascript

// 전역컴포넌트 한번 등록해서
Vue.component('g-component', {
    template:'<p>전역컴포넌트</p>'
});

// 여러 인스턴스에 사용 가능
new Vue({el:'#app'});
new Vue({el:'#app2'});

 

 

• 지역컴포넌트 등록

• html

<div id="app">
    <l-component></l-component>
</div>

• javascript

var data = {
    template:'<p>지역컴포넌트</p>'
}

new Vue({
    el:'#app',
    components:{
        'l-component':data
    }
});