jhhan의 블로그

Vue.js 관련 글을 써보겠다고 하고,, 3개정도 올리고 아무것도 안했습니다. 생각나서 다시 써볼려고 합니다. Vue.js에서는 emit을 이용해서 컴포넌트끼리 정보전송을 진행할 수 있습니다. (자식 컴포넌트 → 부모 컴포넌트) 그리고 뷰에서 기본으로 제공하는 것이 있죠. $emit을 사용하면 가능합니다. this.$emit("이름", 데이터); 정말 간단하게 나타내면 이렇게 나타낼 수 있습니다. 이렇게만 알면 조금 아쉬우니깐 사용가능한 예시를 하나 들어보겠습니다. 자식 컴포넌트에서 이름이 업데이트 되면 부모 컴포넌트로 이름을 출력해보는 예제를 간단하게 해보겠습니다. ... ... 자식 컴포넌트에서는 이름을 입력받을 수 있게 했습니다. 그리고 watch를 이용해서 부모 컴포넌트로 넘길 수 있게 했습니다..

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