In-Depth Vue 3 For Beginners (Inc. Composition API, Router) [Video]

By Chris Dixon
    Advance your knowledge in tech with a Packt subscription

  • Instant online access to over 7,500+ books and videos
  • Constantly updated with 100+ new titles each month
  • Breadth and depth in over 1,000+ technologies
  1. Getting to Know Vue

About this video

Vue is a JavaScript framework to build user interfaces and single-page applications. This course is focused on the latest version of Vue 3, its important features, and working on 4 projects to implement the skills learned.

Personal portfolio/blog project:

This project strips away the complexities/build tools and focuses purely on Vue.js.

Taking a simple HTML file, we add the Vue library to not only learn the core features but also to see how easily we can add it to an existing website.

Countdown app:

Once you have a solid grounding, it is time for project 2. This is an event countdown app that introduces you to a more sophisticated setup using the Vue CLI.

While building the project, you will learn so much more, including watchers, computed properties, forms, conditional rendering, and teleport, to name a few.

Dashboard app:

Project 3 is a dashboard application with multiple pages, making use of dynamic components.

We will discover different ways of passing data in Vue.js, including provide/inject and the different types of slots available.

Creative cards app:

The last project is a card editing application. You will begin with a library of greeting cards the user can select, and then once chosen, an edit screen will allow the user to edit the text, images, and overall styling as well.

This project will introduce the new Vue 3 Composition API, how to organize your code into reusable files, routing, lazy loading, cloud functions, image uploading, and using a database.

By the end of this course, you will have already built 4 projects and learned all of the essential Vue skills, along with the new Vue.js 3 features and syntax.

The code files and all related files are uploaded on the GitHub repository at

Publication date:
June 2021
11 hours 6 minutes

About the Author

  • Chris Dixon

    Chris Dixon is a web developer and online teacher. He is passionate about what he does and about teaching others. He is also an online and offline business owner. His personal motivation was to become his own boss and gain more freedom and flexibility in his life. He also enjoys the technical challenge that being his own boss provides and the way it constantly evolves.

    He built his first website back in 1999 and has watched the web evolve into what it is today. He believes that building websites are an excellent career choice. He tries to make his courses enjoyable and to remember what it was like when he was learning. He also believes the best way to learn is by doing and tries to include as many practical examples as possible in his courses.

    Browse publications by this author
Book Title
Unlock this video and the full library for FREE
Start free trial