어트리뷰트 디렉티브 - devhaeyeon/vueExample GitHub Wiki

디렉티브

표현식의 값이 변경될 때 사이드이펙트를 반응적으로 DOM에 적용하는 것

v-

템플릿의 Vue 특정 속성을 식별하기 위한 시각적인 신호 역할

v-model

https://kr.vuejs.org/v2/guide/forms.html https://kr.vuejs.org/v2/guide/components.html#%EC%BB%B4%ED%8F%AC%EB%84%8C%ED%8A%B8%EC%9D%98-v-model-%EC%82%AC%EC%9A%A9%EC%9E%90-%EC%A0%95%EC%9D%98 https://velopert.com/3136

리액트와 다르게 앵귤러의 장점을 가지고 와서 양방향 바인딩이 가능하다. 폼에 관련된 태그에만 사용할 수 있음.

@submit.prevent

@은 v-on의 약어 https://kr.vuejs.org/v2/guide/syntax.html#%EC%95%BD%EC%96%B4

여기에서 prevent는 해당 엘리먼트의 기본적인 기능을 막는 것. = event.preventDefault와 같음 https://kr.vuejs.org/v2/guide/syntax.html#%EC%88%98%EC%8B%9D%EC%96%B4

ref -

https://kr.vuejs.org/v2/guide/components.html#%EC%9E%90%EC%8B%9D-%EC%BB%B4%ED%8F%AC%EB%84%8C%ED%8A%B8-%EC%B0%B8%EC%A1%B0

속성.

$ref https://kr.vuejs.org/v2/api/index.html#vm-refs

https://kr.vuejs.org/v2/api/index.html#ref

v-if, v-else

https://kr.vuejs.org/v2/guide/conditional.html 조건부렌더링 v-else 엘리먼트는 v-if 엘리먼트 또는 v-else-if 엘리먼트 바로 뒤에 있어야 합니다. v-else와 마찬가지로, v-else-if 엘리먼트는 v-if 또는 v-else-if 엘리먼트 바로 뒤에 와야 합니다. 매우 자주 바꾸기를 원한다면 v-show를, 런타임 시 조건이 바뀌지 않으면 v-if를 권장합니다. v-for는 v-if보다 높은 우선순위를 갖습니다.

v-for

https://kr.vuejs.org/v2/guide/list.html

전달인자

여기서 : 은 v-bind의 약어 일부 디렉티브는 콜론으로 표시되는 “전달인자”를 사용할 수 있습니다. 예를 들어, v-bind 디렉티브는 반응적으로 HTML 속성을 갱신하는데 사용됩니다. :class - :disabled -