뷰 템플릿 문법
뷰로 화면을 조작하는 방법
데이터 바인딩
뷰 인스턴스에서 정의한 속성들을 화면에 표시하는 방법 Mustache Tag
<div>{{ message }}</div>
new Vue({
data: {
message: 'Hello Vue.js'
}
})
디렉티브
v- 붙는 속성들을 뷰 디렉티브라고 함
특징
뷰 인스턴스에서 정의한 속성들을 화면에 표시하는 방법 Mustache Tag
<div>{{ message }}</div>
new Vue({
data: {
message: 'Hello Vue.js'
}
})
v- 붙는 속성들을 뷰 디렉티브라고 함
특징
이러한 문법은 개발자화면vue에서 바꾸면 elements까지 바꿔줌
클래스 바인딩
바로 쓰는게 아닌, 인스턴스 속성에서 값을 줌.
쉽게 수정 가능해서 쓰는건가?
v-if, v-show
- v-if가 false가 되었을 때: 돔을 아예 삭제
- v-show가 false가 되었을 때: display:none 안보이게 / 돔에 정보가 남아있음
watch, computed
computed: 그냥 간단한 텍스트식일때 씀
watch: 무거운 로직, 한 번정도 쓸 무거운건 이걸루!
Author And Source
이 문제에 관하여(뷰 템플릿 문법), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://velog.io/@venus5312/뷰-템플릿-문법저자 귀속: 원작자 정보가 원작자 URL에 포함되어 있으며 저작권은 원작자 소유입니다.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)