[vue] vue 조건부 렌더링, 리스트 렌더링

• 조건부 렌더링
v-if
v-else
v-else-if
v-else, v-else-if는 v-if 또는 v-else-if 다음에 와야 한다.
key를 통하여 재사용 가능한 element를 제어
v-show, element는 항상 렌더링 되고 DOM에 남아 있음

• 리스트 렌더링
v-for, 두번째 인자에 대해 현재 항목에 대한 index를 제공
v-for 객체, 두번째 인자에 대해 name제공
v-for 객체, index도 제공
v-for, key, 반복되는 DOM 내용이 단순한 경우나 의도적인 성능 향상을 위해 기본 동작에 의존하지 않는 경우를 제외하면
가능하면 언제나 v-for에 key를 추가하는 것이 좋음

See the Pen vue_04 by DoYoubLee (@bluesid) on CodePen.