Vue.component('컴포넌트 이름', { // 컴포넌트 내용}new Vue({ components: { '컴포넌트 이름': 컴포넌트 내용 }})두 번째 인스턴스에는 로컬 컴포넌트가 등록되지 않았으므로 오류가 표시 된다.상위-하위 컴포
Vue 라우터는 Vue에서 라우팅 기능을 구현할 수 있도록 지원하는 공식 라이브러리이다. 뷰 라우터를 구현할 때 필요한 태그와 기능은 다음과 같다.<router-link to="URL"> → 페이지 이동 태그, 화면에서는 <a>로 표시되며 클릭하면 to에 지
뷰 리소스(resource)는 초기에 코어 팀에서 공식적으로 권하는 라이브러리 였으나, 2016년 말에 공식적인 지원이 중단 되었다. 그 이유는 HTTP 통신 관련 라이브러리는 뷰 라우팅, 상태 관리와 같은 라이브러리와는 다르게 프레임워크에서 필수적인 기능이 아니라고
뷰의 템플릿(Template)은 HTML, CSS 등의 마크업 속성과 뷰 인스턴스에서 정의한 데이트 및 로직을 연결하여 사용자가 브라우저에서 볼 수 있는 형태의 HTML로 변환해 주는 속성이다.<사용하지 않은 경우><template 속성을 사용한 경우>템플릿
뷰 애니메이션은 뷰 프레임워크에서 지원하는 기능으로 데이터 추가, 변경, 삭제 시 페이드 인, 페이드 아웃 등의 여러 가지 에니메이션 효과를 지원한다.transition-agroup 태그는 목록에 애니메이션을 추가할 때 사용되는 태그이다. 태그 속성에 에니메이션이 들어
웹팩(webpack)은 최신 프런트엔트 프레임워크인 앵귤러, 리액트, 뷰에서 모두 권하는 모듈 번들러이다. 공식 홈페이지에서 '서로 연관이 있는 모듈 간의 관계를 해석하여 정적인 자원으로 변환해 주는 변환 도구'라고 정의한다. 이를 좀 더 쉽게 풀어 설명하면 '파일 간
Vue.js 컴포넌트는 기본적으로 시작 태그와 종료 태그 사이에 오는 콘텐츠를 무시하고 렌더링 된다. 그러나 컴포넌트가 사용되는 상황에 따라 외부로부터 콘텐츠를 전달받는 편이 컴포넌트를 재사용하기에 유리한 경우가 있다. 이렇게 외부로 부터 콘텐츠를 전달받는 수단을 슬롯