[기타] Vue
2024.09.22
Vue
- https://simplevue.gitbook.io/intro/01.-vue-cli ( command line interface)
{{}}
데이터를 있는 그대로 표시
디렉티브
v-bind , :(생략)
요소의 속성을 데이터로 지정
v-model
입력폼과 데이터의 연결
v-on @생략
이벤트 연결, 이벤트 핸들링
methods : { 메소드명:function() {} }
v-if
조건에 따라 연결
v-for
computed
데이터를 사용한 계산
watch
데이터의 변화 감시
transition
표시/비표시에 에니메이션 처리
component
컴포넌트 조립
v-text
v-html
- https://simplevue.gitbook.io/intro/01.-vue-cli ( command line interface)
{{}}
데이터를 있는 그대로 표시
디렉티브
v-bind , :(생략)
요소의 속성을 데이터로 지정
v-model
입력폼과 데이터의 연결
v-on @생략
이벤트 연결, 이벤트 핸들링
methods : { 메소드명:function() {} }
v-if
조건에 따라 연결
v-for
computed
데이터를 사용한 계산
<script>
el: "#app",
data: {
프로퍼티명: 값,
프로퍼티명: 값
},
computed: {
computed프로퍼티명: function(){
처리내용
},
computed프로퍼티명: function(){
처리내용
}
}
</script>
watch
데이터의 변화 감시
transition
표시/비표시에 에니메이션 처리
component
컴포넌트 조립
v-text
v-html
new Vue({
el: "#ID명",
data : {프로퍼티명:값, 프로퍼티명:값},
methods : 어떤차리를 하는가
computed : 어느 데이터를 사용하여 계산하는가
watch : 어느 데이터를 감사하는가
})
작성자
꿘쓰
작성일
2024.09.22
