v-if

[Vue.js]5.배열,v-for,v-if,테이블,셀렉트박스 사용하기

지난번 포스팅에 이어서 template, script 부분을 다뤄보겠습니다. 1. 배열 data부분에 배열을 추가할 수 있습니다. data() { return { name: "subari", input: "text", options: [ { v: "R", t: "Red" }, { v: "B", t: "Blue" }, { v: "G", t: "Green" }, ], color: "R", }; }, 이 배열을 순회하기 위해서, vue에는 반복문 역할을 하는 v-for가 있습니다. v-for="(d, i) in options" python의 for i in n 과 비슷한 문법입니다. options 배열안에서 반복문이 돌아가고, d는 data, i는 index를 나타냅니다. 현재 배열의 한요소는 v, t 두가지..