Vue.js
조건부 렌더링 사용하기
<![CDATA[
다음과 같이 v-if, v-else-if, v-else를 활용하여 조건부 렌더링을 수행할 수 있다.
v-show는 초기 렌더링 높고, v-if는 조건부 행위 따른 렌더링 높다.
<div v-if="type===A"> A </div>
<div v-else-if="type===B"> B </div>
<div v-else="type===C"> C </div>
v-show를 활용하면, 항상 렌더링되어 DOM안에 정의되어 있도록 할 수 있다.
<div v-show="ok"> Hello World ! </div>
따라서 조건부 행위가 자주 일어난다면 v-show를 사용하고, 그렇지 않다면 v-if를 활용하면 됩니다.
]]>