한 개발자의 노트패드

  • 홈
  • 방명록
  • HackerRank

2025/05 1

[vue3] defineModel 알아보기

vue의 가장 큰 특징 중 하나인 양방향 데이터 바인딩에서 주로 사용되는 기능 중 하나가 v-model 입니다. (아주)지난 포스팅에서 v-model의 대략적인 사용법에 대해 글을 적은 적이 있습니다. 개인적으로 vue의 가장 강력한 장점 중 하나라 생각하는데 최근에 나온 vue 3.4에서 이걸 더욱 편리하게 해주는 defineModel이 등장했습니다. 뭔 차이야...? 생각 할 수 있는데 좀 더 봅시다. InputField.vue App.vue 입력된 값: {{ text }} 코드를 작성하다 보면 공통 컴포넌트를 만들고 부모가 상태값을 제어하는 경우가 많습니다. vue에선 v-model을 통해 양방향 데이터 바인딩으로 값을 구현하죠. 부모에서 컴포넌트에 v-model에 ..

vue 2025.05.28
이전
1
다음
더보기
프로필사진

현 프론트엔드 개발자

  • 분류 전체보기
    • vue
    • react
    • 개발소식
    • typescript
    • 개발지식
    • 잡담
    • next

Tag

브랜치 전략, 코파일럿, js, CI/CD, vue3, evan you, 타입스크립트, 깃허브, 깃허브 액션, 깃허브액션, 개발 지식, auto tagging, css, ES2023, it 사이트, VUE, release-drafter, Github Actions, definemodel, 뷰,

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

공지사항

페이스북 트위터 플러그인

  • 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.

티스토리툴바