• 조건부 렌더링
  • 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.

+ Recent posts