[Vue3] v-model를 쓰면 props와 emit을 생략할 수 있다?

쿼카쿼카·2022년 12월 31일
0

Vue / Nuxt

목록 보기
12/35

결론

  • v-model이 props와 emit의 결합은 맞음
  • 다만 컴포넌트 등 서로 연결되어 있는 곳에서는 꼭 props와 emit을 사용해줘 함

input, checkbox 등 컴포넌트가 아닌 태그에 사용하면 좋겠죠?

코드

<AppTextEditor
	v-model="content"
    :max-limit="280"
/>
<!-- <AppTextEditor
		:modelValue="content"
        @update:modelValue="content = $event.target.value"
        :max-limit="280"
     /> -->
  • tiptap을 만들 때 v-model이면 한 번에 해결되는데 왜 저렇게 쓰냐~~ㅎㅎㅎㅎ 라고 생각하며 무작정 v-model만 남발하며 자비롭게 주석을 달아 이렇게도 쓸 수 있다고 알려줬다.
  • 오류나니까 컴포넌트에서는 꼭 props와 emit으로 처리해주자
profile
쿼카에요

0개의 댓글