[Vue.js] #4 v-for 사용하여 리스트 자료 하나씩 컴포넌트에 표현하기
1. v-for 로 map이나 forEach 역할을 할 수 있다. 2. Card 컴포넌트 구현 const Card = { props: { name: String, hobby: String, }, template: ` {{ name }} {{ hobby }} `, }; 3. 부모App에서 Card 컴포넌트 사용 const App = { data() { return { people: [ { id: 1, name: 'Wendy', hobby: '자전거', }, { id: 2, name: '박유진', hobby: '노래', }, { id: 3, name: '한수빈', hobby: '독서', }, ], }; }, components: { Card, }, methods: { addPerson() { this.peo..
