반응형 veujs2 [vuejs] v-model, input, select, watch 1. v-model은 데이터의 양방향 바인딩을 지원한다고 한다. 2. 한글, 일본어, 중국어는 한 글자를 완전히 타이핑해야 인식을 한다. 3. 한글을 지원하는 v-model을 사용하고 싶으면 v-on과 v-bind을 조합한 컴포넌트를 사용하는 것이 대안이 될 수 있다. 4. input v-model 예시 5. watch로 인풋값을 제어한다. 6. select v-model 예시 1. v-model은 데이터의 양방향 바인딩을 지원한다고 한다. 2. 한글, 일본어, 중국어는 한 글자를 완전히 타이핑해야 인식을 한다. 3. 한글을 지원하는 v-model을 사용하고 싶으면 v-on과 v-bind을 조합한 컴포넌트를 사용하는 것이 대안이 될 수 있다. 4. input v-model 예시 5. watch로 인풋값을.. 2022. 12. 26. [vuejs] 컴포넌트(component), Props, Custom Event 1. 데이터를 가져와서 출력하는 법 2. 이미지와 일치하는 모달창(modal screen)을 띄우기 3. 모달창 컴포넌트 사용 4. 상품 복록 반복문과 컴포넌트 사용 5. app.vue의 템플릿이 매우 짧아짐 6. 반복되어 사용되는 부분을 컴포넌트로 사용하면 좋다고 한다. import 해오면 내가 원하는 장소 아무 데나 사용가능. 1. 데이터를 가져와서 출력하는 법 2. 이미지와 일치하는 모달창(modal screen)을 띄우기 3. 모달창 컴포넌트 사용 데이터를 받는 자식 쪽에서는 데이터를 바꿀 수 없습니다. $emit('메시지')를 통해서 부모에게 요청을 하면 부모는 @메시지="함수 or 이벤트"를 통해서 데이터를 변환시키고 :변수="데이터" , props를 통해서 다시 데이터를 전달합니다. 닫기 버.. 2022. 12. 24. 이전 1 다음 반응형
