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로 보내고 싶은 데이터를 설..

이번에는 컴포넌트에 대해 알아보겠습니다. 뷰에서는 화면 분할을 사용할 때 컴포넌트라는 개념을 사용해서 분할합니다. 그래서 보다 직관적으로 코드를 이해할 수 있습니다. 코드를 살펴보겠습니다. 저는 이런식으로 컴포넌트를 구성했습니다. global-component는 전역 컴포넌트 my_component는 지역 컴포넌트 parent-component는 부모-자식 관계에 있는 컴포넌트 입니다. 전역 컴포넌트부터 살펴보겠습니다. 전역 컴포넌트는 전역 변수처럼 어디에서든지 쓰일 수 있는 컴포넌트입니다. import GlobalComponent from "./components/global-component"; 처럼 선언을 한 후 해당위치에 vue파일을 만들어줍니다. 이제 global-component 파일을 보겠습..