Skip to content

vueschool/whats-new-in-vue-3

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

10 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

What is new in Vue 3

This repository contains the example code for the What is new in Vue 3 course.

Learn all the exciting new features, improvements, and breaking changes that Vue 3 introduces.

By the end of this course, you’ll know:

  • How to leverage the Teleport and Suspense features
  • How to use multiple v-models
  • How to use fragments to have multiple root elements in a component
  • The fundamentals of Composition API
  • The new automatic change detection and how it eliminates known reactivity caveats of Vue 2
  • How to make transparent wrapper components easier with Vue 3
  • What <script setup> and <style vars> are and when/how to use them
  • And much more

Important Vue 3 does not introduce many breaking changes. The breaking changes are covered in this course, and we provide you with solutions for your upgrade process and workarounds where needed.

This means that it doesn’t require a lot of effort from Vue 2 developers to learn Vue 3, or to upgrade existing applications and websites.

Prerequisites In this course, you will not learn Vue.js from scratch. If you are looking to get started with Vue.js, please check out our Vue.js Fundamentals course.

Next Steps Once you complete this course, we recommend you to expand your Composition API knowledge by diving into our In-depth Vue 3 Composition API course.

Click here to watch the course


vue-3-cool-app

Project setup

yarn install

Compiles and hot-reloads for development

yarn serve

Compiles and minifies for production

yarn build

Lints and fixes files

yarn lint

Customize configuration

See Configuration Reference.