jhhan의 블로그

Vue.js를 요즘 공부하고 있고 기존에 해봤던 것을 다시 한번 하는 것이기 때문에 아직까지는 어려움이 없다. 그래도 이번에 정식으로 Vue.js를 공부하면서 새롭게 알게 된 내용들 or 중요하다고 생각하는 내용을 기록하려 한다. 이 글은 Vue.js에 대한 기본지식이 있어야 이해할 수 있을 것이다. (자세하게 적을 생각이 없다.. ㅎㅎ) 1. v-for v-for은 Vue에서 제공하는 반복문이다. 코드에서처럼 v-for를 사용해서 진행하고, :key="??"를 추가한다. :key="??"는 반복문을 돌면서 반복 요소들을 구분하는 속성이다. data가 될 수도 있고, (data, idx)의 경우에는 idx가 key역할을 할 것이다. 2. export , import export로 보내고 싶은 데이터를 설..

이번에는 뷰 템플릿에 대해 알아보겠습니다. 뷰 템플릿: HTML, CSS 등의 마크업 속성과 뷰 인스턴스에서 정의한 데이터 및 로직들을 연결하여 사용자가 부라우저에서 볼 수 있는 형태의 HTML로 변환해 주는 속성 데이터 바인딩(Data Binding) HTML 화면 요소를 뷰 인스턴스의 데이터와 연결하는 것을 의미 {{}} 문법과 v-bind 속성 {{}} 은 지금까지 여러번 사용했으므로 딱히 설명드리지 않겠습니다. v-bind: HTML 속성값에 뷰 데이터 값을 연결할 때 사용하는 데이터 연결 방식 프레임워크 목록 가져오기 아이디 바인딩 클래스 바인딩 스타일 바인딩 {{ true ? 100 : 0 }} {{ reversedMessage }} Good Vue.js {{ system }} Better V..