[실습] Vue Component (전역)

오늘은 전역 컴포넌트를 등록하는 방법에 대해 작성할려고 한다~

일단, 아래와 같이 코드를 작성해보자.

전역 컴포넌트는 여러 인스턴스에서 공통으로 사용할 수 있기 때문에 Vue로 접근이 가능하다.

따라서 아래 그림과 같이 Vue에 Component를 등록할 수 있다.

[질문1] 이 코드에서 Vue는 무엇인데에????? > Vue는 뷰 라이브러리를 로딩하고 나면 접근 가능한 Vue 변수를 말하는 것!

그렇다면 컴포넌트를 등록하면 html에 어떻게 사용할 수 있을까?

답은 공통점으로 찾아보자... 자... 동일한 코드가 어디 보일꺼야.... 

눈을 떠...

힌트를 보여줄께~

[질문2] 등록한 컴포넌트를 어떻게 html 테그에 연결할 수 있는가? > 컴포넌트 이름을 이용한다. ex) <my-component></my-component> -------------------- "Parent Component" 버튼 아래 테그  'my-component> ------------------------------------------- "Vue.component" 하위에 작성된 컴포넌트 내용 중...

따라서 아래와 같은 형식으로 컴포넌트를 등록할 수 있는거지...

작성한 html을 chrome에서 확인할 경우 아래와 같이 표시되는 것을 확인할 수 있다.

[결론] html 테그 중 컴포넌트 등록 시 작성한 컴포넌트 이름이 작성되어있는 위치에 컴포넌트 내용이 치환되어 표시됨