본문 바로가기

Vue

Vue.js - 조건부 렌더링

  • v-if 디렉티브는 조건에 따라 블록을 렌더링 하기 위해 사용된다.
    • 사용방법 -> <div v-if ="" > </div>


  • v-else-if
    • if - else if - else 와 동일한 문법
    • Vue.js 2.1.0+ 부터 사용 가능 문법
    • 사용 방법
  • 조건부 그룹 생성 방법
    • 사용 방법 <template v-if = ""> </template>

'Vue' 카테고리의 다른 글

Vue.js - 컴포넌트 데이터 전달  (0) 2021.12.07
Vue.js - 리스트 렌더링  (0) 2021.12.07
Vue.js - watch 속성  (0) 2021.12.06
Vue.js - Computed 속성  (0) 2021.12.06
Vue.js 폼 입력 바인딩  (0) 2021.12.06