Song Minu

  • 홈
  • 태그
  • 방명록
  • 깃허브
프로필사진

공부 그리고 메모

  • Hi! (161)
    • HTML5 & CSS3 (2)
    • JavaScript (13)
    • TypeScript (1)
    • Node.js (31)
      • NestJS (3)
    • VueJS (61)
      • Vite (6)
      • Nuxt (25)
    • ReactJS (0)
    • AngularJS (3)
    • VSCode (1)
    • ElasticSearch (19)
    • K8s & Docker (2)
    • JAVA (8)
    • CentOS (2)
    • MySQL (0)
    • ETC (18)

Tag

NestJS, MySQL, 일레스틱서치, Vite, Node, vuetify, JavaScript, Vuetifyjs, nuxt3, 엘라스틱서치, elasticsearch, nuxtjs, Vue3, graphQL, node base64, Java, express, nodejs, vuejs, 자바스크립트,

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

Archives

Calendar

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

props 1

[VueJS] Vue3 CompositionAPI에서 Props 사용(+TypeScript)

vue3에서 compositionAPI 방식으로 props를 사용하는 방법이 좀 다양하다. 사용할 때마다 자꾸 헷갈려서 작성하게 됐다... 자세한 설명은 공식문서에 있으니 본문 하단에 링크를 첨부하고 종류와 소스로만 간단하게 작성할 생각이다. 첫 번째로 optionsAPI방식과 유사한 방식으로 이런 방법이 있다. defineProps의 경우 defineEmits와 같이 별도로 Import 할 필요 없고 바로 사용이 가능하다. 두 번째 방법으로는 순수 타입으로 props를 정의하는 방법으로 좀 더 간결하게 작성이 가능하다. 세 번째로는 interface를 이용한 props 정의하는 방법이다. 하지만 첫 번째 방법을 쓰기엔 compositionsAPI를 쓰는 것 같지도 않고, 타입스크립트를 쓰는 것 같지 않..

VueJS 2023.03.02
1
더보기

Copyright © Kakao Corp. All rights reserved.

  • 른록노트
  • 기억보단 기록을
  • 내 깃허브

티스토리툴바