티스토리 뷰
v-bind: => html의 속성에 vue에 선언된 값을 사용하고 싶을때
(v-bind: 또는 앞에 : 만 붙여주어 사용)
v-once => html코드로 출력이 된 이후에 어떤 후처리가 있더라도 처음에 출력한 값을 유지
v-html="" => html태그를 data에 작성하여 태그 삽입할때
(v-html="태그들어있는데이터")
v-model="" => input의 value
v-model.lazy.trim="label"
html 요소에 함수 쓰기
(앞에 v-가 붙으면 뷰가 통제해 data, methods에 접근하여 사용가능. 따옴표 안에는 스크립트 코드)
v-on:click="함수이름 또는 함수코드"
v-on:click="" === @click="
v-for="" => html요소 반복해서 여러개 사용할때(html의 반복문)
v-for 사용법
v-for="(a,i) in (배열또는오브젝트)" :key="i"
a -> 요소 하나하나
i -> 요소의 인덱스번호(생략가능)
(배열또는오브젝트) -> 몇번 반복할지
:key="i" -> 반복문 돌린 요소를 컴퓨터가 구분하기 위해 씀(꼭 써야함)
v-if, v-else는 동등한 형제면서 인접(바로아래)해야 한다.
v-if="" -> 값이 true면 html을 보여주고 false면 보여주지 않는다.
v-else-if="" -> 값이 true면 html을 보여주고 false면 보여주지 않는다.
v-else -> if 사용후에 값 없이 사용
v-if와 v-for은 한곳에서 같이 못쓰기 때문에
한 요소에 같이 쓰고 싶으면 태그를 하나 더 감싸서 따로 사용