Vue:조건문

틀:Vue

1. Vue:개요
   1. Vue:설치 및 개발환경 세팅
   2. Vue:프로젝트 생성 및 시작해보기
2. Vue:문법
   1. Vue:데이터바인딩
   2. Vue:반복문
   3. Vue:조건문
   4. Vue:함수
3. Vue:이벤트
   1. Vue:이벤트 핸들러

개요

기본적으로 조건식이 참일 때 해당 내용물을 보여준다.

<div v-if="조건식">내용물</div>

보통 조건식 자체에 변수를 넣어 변수값이 True가 될 때에만 열리게 구성해둔다. "변수 == true" 형태로.

활용

모달창을 만들어 열었다 닫는다든가...

<a @click="변수 = true">내용</a> 형태로 특정 변수값을 바꾸게 한다.