[Vue/compositionAPI] 컴포넌트(Component) 간단하게 만들기, 작성하는 법, 사용하기

Vue는 component에 최적화되어있다. 그래서 이걸 어떻게 사용하느냐에 따라 효율과 가동성이 차이 난다. 천 리 길도 한걸음 기본적인 사용법에 대해서 짚어보자! 0. 작업환경 Vue-Cli Vue3 vuetify 3.0 (이것은 없어도 됩니다.) 1. component 만들기 컴포넌트는 원하는 대로 만들어 보자. (Hello world만 써도 된다) 필자는 vuetify를 이용해서 작업해 보았다(보기 편하라고). 복붙하실분은 <v-container>를 통째로 지우고 주석을 풀어주면 된다. <template> <v-container> <v-btn @click="nameChange()">{{name}}</v-btn> </v-container> <!-- 따라하실분은 위에꺼 지우고 밑에 있는거 주석을 풀어주세요 --> <!-- <button @click="nameChange()"> {{name}} </button> --> </template> <script> import { ref }...

원문링크 : [Vue/compositionAPI] 컴포넌트(Component) 간단하게 만들기, 작성하는 법, 사용하기