코딩의숲

  • 홈
  • 태그
  • 방명록

Multiple 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

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

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

공지사항

페이스북 트위터 플러그인

  • Facebook
  • Twitter

Archives

Calendar

«   2025/05   »
일 월 화 수 목 금 토
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 31

방문자수Total

  • Today :
  • Yesterday :

Copyright © Kakao Corp. All rights reserved.

티스토리툴바