Vue.js 시작하기 - Components
Vue Component - 화면의 영역을 구분하여 개발할 수 있는 뷰의 기능. - 컴포넌트 기반으로 화면을 개발하게 되면 코드의 재사용성이 올라가고 빠르게 화면을 제작할 수 있다. 컴포넌트 생성하기 컴포넌트 생성 후 표시하기 [간단한 앱 헤더 컴포넌트 만들기] ❗ 위에서 등록한 컴포넌트를 화면에서 표시하려면 아래와 같이 컴포넌트 태그(이름)을 추가해야한다. div 태그에 뷰 인스턴스가 생성되어있다는 가정하에 위의 템플릿 코드는 결과적으로 아래와 같이 표시된다. Header Component ✔ 컴포넌트를 등록하고 해당 태그를 추가해주면 컴포넌트를 사용할 수 있다! 컴포넌트 등록 방법 두 가지 1. 전역 컴포넌트 등록 // 등록 Vue.component('my-component', { template: ..
Programming/Vue.js
2022. 3. 7. 16:32