Vue.js (10) 썸네일형 리스트형 [Vue js] Vue 컴포넌트 ( component ) ? Vue 컴포넌트란? Vue 공식 문서에는 아래와 같이 정의 합니다. - 컴포넌트는 Vue의 가장 강력한 기능 중 하나이다. - 기본 HTML 엘리먼트를 확장하여 재사용 가능한 코드를 캡슐화하는 데 도움이 된다. - 상위 수준에서 컴포넌트는 Vue의 컴파일러에 의해 동작이 추가된 사용자 지정 엘리먼트이다. - 경우에 따라 특별한 is 속성으로 확장 된 원시 HTML 엘리먼트로 나타날 수도 있다. - Vue 컴포넌트는 Vue 인스턴스이기도 하다. 그러므로 모든 옵션 객체를 사용할 수 있다. 쉽게 말해 특정 HTML태그를 만들어 동적으로 해당 부분만 변화를 주어 브라우저에 나타낼 수 있게 도와주는 것입니다. Vue 컴포넌트 사용방법 Vue 컴포넌트 사용 방법은 두 가지가 있습니다. 첫번째로는 # 전역 등록하여.. [Vue js] Vue js 시작하기 Vue?? Vue는 프론트엔트에서 편리하게 사용자 인터페이스를 만들 수 있게 도와주는 프레임 워크입니다. Vue 사용하는 방법 처음 Vue를 사용하신다면 간단하게 스크립트를 추가하여 사용할 수 있습니다. 기본적인 형태는 다음과 같습니다. {{ message }} 여기서 new Vue가 vue의 기본적인 함입니다. 이 인스턴에는 다양한 옵션들이 들어 있습니다. 현재 el 옵션은 div태그의 id = 'app'을 받아서 사용하겠다 라는 의미입니다. 따라서 var vm 에서 vm 음 id='app' 인 div 태그 아래에서만 작동합니다. 위에 작성된 Vue 코드들을 실행하면 다음과 같습니다. hello Vue 함수의 data의 message를 div 태그의 {{ message }} 에 바인딩 되어 출력됩니다... 이전 1 2 다음