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

[기타] 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 : 어느 데이터를 감사하는가 
})
답글쓰기 전체목록

이 포스트 공유하기

  • 페이스북에 공유하기
  • 트위터에 공유하기
  • 네이버 블로그 카페에 공유하기
  • 네이버 밴드에 공유하기

코멘트 쓰기

코멘트를 입력해주세요
LOGIN JOIN