[실습] 전역 & 지역 컴포넌트 등록

2019. 2. 19. 12:45Programming/Vue.js

전 시간에 지역 컴포넌트 등록하는 방식을 설명했다면, 실습을 한 번 해볼 생각이다...


비교를 위해 전역 컴포넌트 실습 화면에 아래 그림과 같이 코드를 작성했다.




이 코드를 토대로 알 수 있는 내용은?

전역 컴포넌트와 지역 컴포넌트를 등록하는 방식 차이를 한 눈에 비교할 수 있을 것이다.



결론

: 전역 컴포넌트는 Vue에 html 태그를 이용하여 직접 등록

: 지역 컴포넌트는 cmp 변수를 사용하여 컴포넌트 내용을 정의한 후 new Vue하여 태그명과 컴포넌트 내용을 연결하게된다.




이 코드를 저장하여 화면에 띄우면 아래 그림과 같은 결과가 표시된다.