vue study - nested component

 nested component

global하게 등록하면 어느 컴포넌트에서나 사용가능하도록 중첩시킬 수 있다.

local이면 오직 그 컴포넌트에서만 등록가능하다.

 

global하게 등록

main.js

import Ninjas from './Ninjas.vue' Vue.component('ninjas',Ninjas)

 

App.vue에서 ninjas component 를 불러옴

<template>
  <div>
    <h3>{{msg}}</h3>
    <ninjas></ninjas>
  </div>
</template>

 

 

local하게 등록하려면

App.vue에서

import Ninjas from './Ninjas.vue'

export default {
  components:{
    'ninjas':Ninjas
  },

이와 같이 등록해야함