라우터는 왜 전역에서 사용가능한가요?

JavaScript Vue.js
1 
//mian.js    
import Vue from 'vue'
import App from './App'
import router from './

Vue.config.productionTip = false

/* eslint-disable no-new */
new Vue({
      el: '#app',
      router,
      components: { App},
      template: '<App/>'
})

안녕하세요. 개발을 독학하기는 참 어렵군요.
vue cli 로 프로젝트 생성하고 main.js에서 라우터 등록하면 하위 컴포넌트에서도 를 사용할 수 있더라구요. 보통 컴포넌트는 전역 또는 지역으로 구분해서 등록한다고 배웠습니다. 라우터는 다른거 같은데. 그냥 그렇구나 하고 써야 하는 건가요? 아니면 뭔가 이유가 있는걸까요? 질문이 막연하기는 한데 워낙 아는게 없어서 질문하기도 어렵군요.

ps. 여기가 질문올리는 곳이 맞는지 잘모르겠습니다. 아니면 삭제하도록 하겠습니다.

2

라우터라는것을 주소에 따라 보여질 것을 결정하는 기능이라고 보시면 쉽습니다.

아래 문서와 같이 말이죠.

https://router.vuejs.org/kr/guide/essentials/nested-routes.html

ps. JSDEVKR에 Vue 유저가 적어서 답변이 늦어서 죄송합니다.

3

라우터를 전역에서 사용할 수 있는 이유는

정확히 말씀드리자면 전역이 아닌 뷰 인스턴스 내부에서 사용할 수 있습니다.
new Vue로 Vue 인스턴스를 생성시킬 때 인스턴스에서 router를 등록해주기 때문입니다.

new Vue()를 하게 되면 {} (오브젝트) 형으로 명세가 된 자료를 Vue 인스턴스의 Prototype에 등록합니다.

1개의 좋아요