SIR
KCP 창업 지원, 수수료 국내최저 2.9% 제공 이벤트!

vue.js 조건부 렌더링 > 퍼블리셔팁

퍼블리셔팁

퍼블리싱과 관련된 유용한 정보를 공유하세요.
질문은 상단의 QA에서 해주시기 바랍니다.

vue.js 조건부 렌더링 정보

기타 vue.js 조건부 렌더링

본문

조건부 렌더링

v-if

Handlebars와 같은 문자열 템플릿에서는 다음과 같은 조건부 블록을 작성할 수 있습니다.

HTML부분
<!-- Handlebars 템플릿 -->
{{#if ok}}
    <h1>Yes</h1>
{{/if}}

Vue에서는 v-if 디렉티브를 사용하여 같은 결과를 얻을 수 있습니다.

HTML 부분
<h1 v-if="ok">Yes</h1>

v-else와 함께 "else 블록"을 추가하는 것도 가능합니다.

<h1 v-if="ok">Yes</h1>
<h1 v-else>No</h1>

추천0

댓글 전체

전체 1,214
퍼블리셔팁 내용 검색

회원로그인

진행중 포인트경매

  1. 참여3 회 시작20.11.23 11:40 종료20.11.28 11:40
  2. 참여9 회 시작20.11.22 19:25 종료20.11.29 13:25

(주)에스아이알소프트 (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 대표메일:admin@sir.kr
사업자등록번호:217-81-36347 대표:홍석명 통신판매업신고번호:2014-서울강남-02098호 개인정보보호책임자:이총

© SIRSOFT