본문으로 건너뛰기
아카데미
초급 코드 지구

Vue

배우기 쉬운 반응형 인터페이스.

Vue is a JavaScript framework for building user interfaces: you write templates that look like HTML, and Vue keeps the page in sync with your data. This track teaches Vue 3.5 the modern way, with single-file components, <script setup> and the Composition API. You will build a like button, a points badge and a small feed you can filter and like, take a first look at Vue Router and Pinia, and then go further with slots, TypeScript and Nuxt.

You already know JavaScript, so every lesson goes straight to what Vue adds, with short examples from a small social app.

레슨
14
시간
2시간
난이도
초급

이 코스의 레슨은 당분간 영어로 제공돼요.

  • 브론즈 도전 가능
  • 실버 도전 가능
  • 골드 잠김

실력을 증명할 준비됐나요?

브론즈, 실버, 골드 세 가지 시험이 기다리고 있어요.

시험 보러 가기

이 코스를 마치면 할 수 있는 것

  • Build single-file components with <script setup>, templates and scoped styles
  • Manage state with ref, reactive, computed and watch
  • Render conditions and lists, handle events and bind forms with v-model
  • Connect components with props, events and slots, and reuse logic with composables
  • Know where Vue Router and Pinia fit, and what to learn next
  • Type your components with TypeScript and start a full-stack app with Nuxt

여정

  1. 1
    챕터 1

    First components

    What Vue is, your first single-file component, and reactive state with ref, computed and watch.

    0 / 5
  2. 2
    챕터 2

    Building an app

    Template directives, props and events, composables and lifecycle, and a first look at Vue Router and Pinia.

    0 / 5
  3. 3
    챕터 3

    Going further

    Slots and provide/inject, Vue with TypeScript, and Nuxt: the road from this course to full-stack Vue apps.

    0 / 4

빠른 탐색