Vue.js - assets(이미지 등), v-if(조건문) (유튜브 코딩애플 5강)

1. assets

• src 폴더 안에 asstes 폴더에 이미지 파일 등 넣어서 사용
• 파일 사용 방법: ./asstes/파일이름

assets 예시

2. v-if(조건문)

• HTML 태그 안에 v-if="조건문" 이용 (조건문이 참일 경우 해당 태그가 보임, 거짓일 경우 해당 태그가 보이지 않음)
• 조건문이 변경 될 경우 실시간으로 바뀜 (참에서 거짓으로 변경될 경우 해당 태그가 사라짐)
• v-else / v-else-if
• v-show: v-if는 거짓일 경우 보이지 않지만 v-show는 거짓일 경우 display:none이 됨
• 참고 링크: https://mine-it-record.tistory.com/358

v-if(조건문) 예시: 조건문이 참임 → 해당 태그가 보여짐

동영상 링크: https://youtu.be/UyESqYSb0gY