코딩의숲

  • 홈
  • 태그
  • 방명록

v-model 1

[Vue3] v-model 사용하기(feat. emit, composition api)

참고링크 https://vuejs.org/guide/components/v-model.html Component v-model | Vue.js vuejs.org v-model은 컴포넌트간 양방향 데이터 바인딩을 구현하는데 사용할 수 있다. 그리고, form 태그 안에서 사용할 수 있다. 이런데서 안통함 데이터를 보낼 컴포넌트 $emit 을 통해서 input 이벤트에 속해있는 props를 정의 함. modelValue는 고정되어있는 props이기 때문에 바꾸면 안됨 데이터를 받을 컴포넌트 {{ searchText }} 호출한 컴포넌트 안에서 v-model을 사용하여 데이터를 지켜본다. 지켜본 데이터(바뀌는 데이터는 ref('')라는 반응형 데이터로 정의 해둔다. 결과물 modelValue 를 변형하기 보낼..

frontend/Vue.js 2023.06.26
이전
1
다음
더보기
프로필사진

코딩의숲

.

  • 분류 전체보기
    • frontend
      • html, css
      • javaScript
      • Vue.js
      • react.js
      • mobile
    • backend
      • java
      • database
    • docker
    • tool (git, vscode, IntelliJ..
    • 독서,강의,시험 등
    • 회고, 개발문화 등

Tag

vue3, 알고리즘, gitlabrunner, 코딩테스트, vue.js, ES6, scss, 프론트엔드, 프로그래머스, Flutter, Sass, 홈스크린위젯, filter, DART, compositionAPI, js, docker, Android, xml, javascript,

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

공지사항

페이스북 트위터 플러그인

  • Facebook
  • Twitter

Archives

Calendar

«   2025/06   »
일 월 화 수 목 금 토
1 2 3 4 5 6 7
8 9 10 11 12 13 14
15 16 17 18 19 20 21
22 23 24 25 26 27 28
29 30

방문자수Total

  • Today :
  • Yesterday :

Copyright © Kakao Corp. All rights reserved.

티스토리툴바