본문 바로가기 메뉴 바로가기

Programmers

프로필사진
  • 글쓰기
  • 관리
  • 태그
  • 방명록
  • RSS

Programmers

검색하기 폼
  • 개발 노트 (287)
    • VUEJS (21)
    • JAVA (3)
    • Python (10)
    • HTML CSS JS (72)
    • Servlet JSP (67)
    • JDBC (19)
    • Oracle Database (21)
    • POSIX CLI (13)
    • Git (34)
    • 알고리즘 (4)
    • 개발자 취업 준비 (8)
    • 스크랩 [정보] (1)
    • 이것저것 정리 (6)
  • 방명록

v-if (1)
VUEJS) 조건문과 반복문

조건문 v-if를 활용한 예제 html 보이나요 js const vm = new Vue({ el: '#app', data: { seen: true } }) 실행화면 v-if를 이용하면 js에서 html을 껏다 켰다 제어할 수 있다. 위의 예제에서는 html내의 div태그 내의 v-if="seen" 의 seen은 js에서 정의한 seen의 값에 따라 제어 된다. 만약 js내의 seen이 true이면 텍스트가 출력되고, false이면 출력되지 않는다. 트랜지션 효과 -> 애니메이션하는 개념을 정용한다. 배열과 반복문 v-for을 이용한 예제 html {{ todo.text}} js const vm = new Vue({ el: '#app', data: { todos: [ { text: '1111'}, { te..

VUEJS 2021. 7. 2. 09:02
이전 1 다음
이전 다음
공지사항

Blog is powered by Tistory / Designed by Tistory

티스토리툴바