디렉티브 검색 결과

해당 글 2건

[Vue] Directive - on, bind, model (동적인 Directive 모음)

v-on - 사용방법 : v-on:이벤트이름="메소드이름" ex) 증가 감소 -v-on을 조금 더 편하게 쓰기 위해@라는 alias 를 사용한다 ex) 증가 감소 v-bind - 머스태쉬 태그 {{}} 를 이용해 HTML 태그 안의 내용을 vue 인스턴스 안의 데이터값으로 설정 할 수 있었다. ex) ... Hello, {{ name }} ... 하지만, HTML 태그의 속성 값을 데이터값을 사용해야할땐 머스태쉬 태그를 사용할 수 없다. ex) // //에러 //에러 에러 메세지 : [Vue warn]: src=”{{image}}”: Interpolation inside attributes has been removed. Use v-bind or the colon shorthand instead. For..
Helloworld!/Vue 2017. 7. 26. 16:48

[Vue] Directive - cloak, once, for (정적인 Directive 모음)

Directive 란? -Directive를그대로 번역하면 지시문이라는 뜻이다. - 한마디로 Vue 엘리먼트에서 사용되는 특별한 속성으로 엘리먼트에게 어떻게 동작할지를 지시한다고 생각하면 쉽다. - 디렉티브는 Vue 의 기능들을 사용하기 위해서 사용하는, HTML 태그 안에 들어가는 하나의 속성이고, 사용방법은v-if와 같이v-라는 prefix가 붙는다. - 디렉티브 종류 : v-text, v-html, v-show, v-if, v-else, v-else-if, v-pre, v-cloak, v-once... v-cloak - 다른 디렉티브에 대한 설명은 Vue.js 공식 홈에서 확인하고, 특별히v-clock에 대해 설명하자면, - 자바스크립트 코드가 실행되기 전 머쉬태그에 바인딩 해놓은 데이터가 바인딩이..
Helloworld!/Vue 2017. 7. 25. 18:58