2

Vue.js 시작하기 03. 컴포넌트

뷰 컴포넌트란, 화면에서 영역을 구분하여 개발할 수 있는 뷰의 기능이다. 각각 구분된 구분을 컴포넌트라고 부른다. 컴포넌트는 오른쪽 그림처럼, 컴포넌트들이 생성되면 컴포넌트'간'의 관계가 생긴다. #전역 컴포넌트 1. 뷰 인스턴스를 생성하면 가장 먼저 Root 컴포넌트가 생긴다. 2. 아래와 같이 헤더, 컨텐츠 컴포넌트를 생성해준다. 3. 결과물 위와 같이 AppHeader 컴포넌트와 AppContent 컴포넌트라는 전역 컴포넌트가 생긴 것을 확인할 수 있다. #지역 컴포넌트 뷰 인스턴스 생성 후 Vue.component('컴포넌트명', 컴포넌트 내용)으로 속성을 추가해주는 것이 아니라, 인스턴스 생성 시점에 컴포넌트 속성을 정의해 줄 수 있는 방법도 있다. 지역 컴포넌트 footer가 생성된 것을 확인..

Study/Vue 2022.01.18

Vue.js 시작하기 02. 인스턴스

뷰를 사용하기 위해서는 뷰 인스턴스를 생성하고 , 그 인스턴스를 변수에 저장해주고, 바디 내의 엘리먼트와 연결? 해주는 작업이 필요하다. 뷰 객체의 인스턴스는 화면 소스 내에서 특정 태그를 시작으로 그려진다. 그리고 객체 생성시 옵션값들을 가진 객체를 인자로 받아 생성되고, 인스턴스에서 사용할 수 있는 속성은 다음과 같다. 해당 포스팅은 인프런의 Vue.js 시작하기 - Age of Vue.js 학습 후 정리한 내용임을 알려드립니다.

Study/Vue 2022.01.17