- angular과 달리, 단방향 data-binding임.
new Vue { :html element를 하나 물고 있는 느낌의 객체.(물론 el없이 js ES6 class처럼 사용도 가능)
el: ,
- template: ,
props: data전달 - REF:vuejs.org - $emit하고나서 props:로 데이타를 받음.
data: ,
created: , //instance가 생성되고 나서 호출되는 hook. REF'
- mounted:
- updated:
- destroyed: 이런 hook들도 존재.
watch:
computed: sort나 filter들을 적용해서 보여줄 수 있음.
methods:
validations: ($v로 인용가능)
components: REF
}
- ajax요청시에는 axios 를 사용. REF
- vuelidate : vue component의 validations: 을 check: REF
- vue-loader : webpack에서 사용하는 loader로서, css후처리등도 가능하다고 하는데... REF
- vee-validator 로 각종 html input등의 type/regex 체크 가능. REF
(plugin) - plugin제작가이드
- vue-router : 해당 component를 화면에 그려줌.
- vuex : 전역변수 routre/vuex REF
$router, $v (이하/위 참조), $emit(현재 instance에 event trigger)
======== API-list =====================================================
:is <component :is="componentId"> <component v-bind:is="currentView">
v-for REF
v-show
v-if
v-on:click => @on(click) 으로 이벤트 감지.
v-on:click="$router.push('/detail')":서브페이지로 이동.ps://router.vuejs.org
원복: $router.push('/') REF:rotuter.vuejs.orghtt
v-model 양방향 바인딩 지원. angular.js 처럼 .sync 키워드 필요.
v-bind
v-cloak
