Navbar 컴포넌트 설정해줄때 {} 로 왜 감싸나요?

vue.js 문서(https://kr.vuejs.org/v2/guide/components.html)를 확인해보시면, 상위 컴포넌트가 하위 컴포넌트를 구성할때에 components 속성에 object 형태로 구성하도록 되어 있습니다.

new Vue({
  // ...
  components: {
    'Navbar': Navbar
  }
})

여기에서 es6 문법으로 동일한 이름의 속성으로 object를 구성할경우 속성 key를 생략할수 있으므로 아래와 같이 구성가능합니다.

new Vue({
  // ...
  components: {
    Navbar
  }
})