프리랜서 웹디자이너 웹퍼블리셔RELATION

RELATION 로고

DEV

[기타] 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
데이터를 사용한 계산
<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 : 어느 데이터를 감사하는가 
})

이 포스트 공유하기

답글쓰기 전체목록