CATEGORIES
VueJS의 입력폼엔 사용되는 v-model에는 modifier(수식어)가 사용될 수 있습니다. 사용 가능한 수식어는 아래와 같습니다.v-model.lazyv-model.numberv-model.trim위 수식어를 v-model 프로퍼티와 함께 사용하면 좀 더 편리한 기능을 간단하게 제공합니다. 그럼 위 수식어 들을 하나씩 알아봅니다.! v-model.lazy입력된 값이 바로 data에 반영되지 않고 엔터를 누르거나 포커스가 벗어나는 등의 이벤트가 발생할 경우에만 값이 반영되어 나타납니다. lazy는 debounce와는 다르니 참고하세요.! v-model.number 알아보기input 폼을 사용하여 입력값을 받는 경우 숫자 또는 문자 무엇을 입력해도 타입이 문자로 나타나게됩니다. 이 경우 타입을 number
Last Modified : 2019-01-22 10:56:58
VueJS에서 부모와 자식 컴포넌트 사이에 데이터를 전달하는 방법중 sync modifider(수식어)를 사용하는 방법에 대하여 알아봅니다.# sync 수식어를 사용하여 컴포넌트 데이터 전달먼저 sync 수식어는 부모와 자식 컴포넌트 사이의 양방향 데이터 바인딩이 가능하도록 해줍니다. 다시말해 부모에서 자식으로 또는 자식으로 부모로 데이터를 변경, 업데이트 할 수 있다는 것입니다.! 양방향 바인딩의 다른 방법은?물론 sync 수식어외에 다른 방법도 존재합니다. 예를들어 v-model을 사용할 수도 있고 아니면 props에 $emit 이벤트를 사용하여 전달하거나 vuex나 이벤트 버스등의 전역 이벤트를 사용하기도 합니다. 하지만 sync를 사용하는 는 이유는 가장 크게 매우 간단하게 사용할 수 있기 때문입니다
Last Modified : 2019-11-28 09:24:56