The Best way to learn Vue in 2025 - CRASH COURSE

Vue Mastery Guide 1 years ago

설명

Ready to master Vue.js? With weekly Vue js tutorials on the latest topics, and exclusive content with Evan You (the creator of Vue), Vue Mastery is the ultimate learning resource for Vue developers to level-up their skills. Watch more free Vuejs tutorials 👉 https://www.vuemastery.com/courses

This beginner crash course is your first step on your path to Vue Mastery. It is the Composition API version of Adam Jahr's Intro to Vue 3 course.

Throughout the tutorial, you'll build an app to put concepts into practice.
Below you will find the starting and ending code for each lesson.

Lesson Markers:
0:00 Lesson 1 - Intro to Vue 3
1:33 Lesson 2 - Creating the Vue App
9:17 Lesson 3 - Attribute Binding
13:17 Lesson 4 - Conditional Rendering
18:16 Lesson 5 - List Rendering
21:38 Lesson 6 - Event Handling
26:23 Lesson 7 - Class & Style Binding
32:41 Lesson 8 - Computed Properties
38:56 Lesson 9 - Components & Props
44:39 Lesson 10 - Communicating Events
48:34 Lesson 11 - Forms & v-model

Github Repo: https://github.com/Code-Pop/Intro-to-Vue-3-Composition-API/

Lesson 2 - Creating the Vue App
Starting code: https://github.com/Code-Pop/Intro-to-Vue-3-Composition-API/tree/L2-start
Ending code: https://github.com/Code-Pop/Intro-to-Vue-3-Composition-API/tree/L2-end

Lesson 3 - Attribute Binding
Starting code: https://github.com/Code-Pop/Intro-to-Vue-3-Composition-API/tree/L3-start
Ending code: https://github.com/Code-Pop/Intro-to-Vue-3-Composition-API/tree/L3-end

Lesson 4 - Conditional Rendering
Starting code: https://github.com/Code-Pop/Intro-to-Vue-3-Composition-API/tree/L4-start
Ending code: https://github.com/Code-Pop/Intro-to-Vue-3-Composition-API/tree/L4-end

Lesson 5 - List Rendering
Starting code: https://github.com/Code-Pop/Intro-to-Vue-3-Composition-API/tree/L5-start
Ending code: https://github.com/Code-Pop/Intro-to-Vue-3-Composition-API/tree/L5-end

Lesson 6 - Event Handling
Starting code: https://github.com/Code-Pop/Intro-to-Vue-3-Composition-API/tree/L6-start
Ending code: https://github.com/Code-Pop/Intro-to-Vue-3-Composition-API/tree/L6-end

Lesson 7 - Class & Style Binding
Starting code: https://github.com/Code-Pop/Intro-to-Vue-3-Composition-API/tree/L7-start
Ending code: https://github.com/Code-Pop/Intro-to-Vue-3-Composition-API/tree/L7-end

Lesson 8 - Computed Properties
Starting code: https://github.com/Code-Pop/Intro-to-Vue-3-Composition-API/tree/L8-start
Ending code: https://github.com/Code-Pop/Intro-to-Vue-3-Composition-API/tree/L8-end

Lesson 9 - Components & Props
Starting code: https://github.com/Code-Pop/Intro-to-Vue-3-Composition-API/tree/L9-start
Ending code: https://github.com/Code-Pop/Intro-to-Vue-3-Composition-API/tree/L9-end

Lesson 10 - Communicating Events
Starting code: https://github.com/Code-Pop/Intro-to-Vue-3-Composition-API/tree/L10-start
Ending code: https://github.com/Code-Pop/Intro-to-Vue-3-Composition-API/tree/L10-end

Lesson 11 - Forms & v-model
Starting code: https://github.com/Code-Pop/Intro-to-Vue-3-Composition-API/tree/L11-start
Ending code: https://github.com/Code-Pop/Intro-to-Vue-3-Composition-API/tree/L11-end