📍 v-if
지정한 뷰 데이터의 값의 참, 거짓 여부에 따라 해당 HTML태그를 화면에 표시하거나 표시하지않는다.
📍 v-for
지정한 뷰 데이터의 개수만큼 해당 HTML 태그를 반복 출력한다.
📍 v-show
v-if와 유사하게 데이터의 진위 여부에 따라 해당 HTMl태그를 화면에 따라
표시하거나 표시하지않는다.
다만, v-if는 해당 태그를 완전히 삭제하지만 v-show는 css효과만 display:none; 으로 주어 실제 태그는 남아있고 화면 상으로만 보이지 않는다.
📍 v-bind
html태그의 기본 속성과 뷰 데이터 속성을 연결한다.
📍 v-on
화면 요소의 이벤트를 감지하여 처리할 때 사용한다. 예를들어 v-on:click은 해당 태그의 클릭 이벤트를 감지하여 특정 메서드를 실행할 수 있다.
📍 이미지 style 속성 데이터바인딩
<div class="post-body" :style="{ backgroundImage : `url(${post.postImage})`}"></div> :style ="~~~" 으로 image를 등록할 수 있는데 object자료도 가능하다.
✍ 백틱기호로 문자만들면 문자${변수}문자
