Tutorials

New to Vue? Our free Learn Vue.js tutorial takes you from your first component to real apps — then the guides below go deeper.

6 Top VS Code extensions for Vue.js Developers in 2023

6 Top VS Code extensions for Vue.js Developers in 2023

If you're a web developer, you're probably using or have used Visual Studio Code. After all, it is the most widely used code editor. Its popularity stems mostly from the fact that it is primarily open-source, widely customizable, and extendable.
Vue Options API vs Composition API

Vue Options API vs Composition API

Compare the Vue Options API and Composition API across syntax, logic reuse, and TypeScript, and see which one to choose for your next Vue 3 project.
Drag and Drop in Vue 3: Native, vue-draggable-plus, and Pragmatic Compared

Drag and Drop in Vue 3: Native, vue-draggable-plus, and Pragmatic Compared

Add drag and drop in Vue 3 with the native HTML5 API, vue-draggable-plus, or pragmatic-drag-and-drop. Compare all three, try a live demo, and pick the right one.
Getting Started with Vitest for Vue.js and Vite Testing

Getting Started with Vitest for Vue.js and Vite Testing

Learn how to start testing Vue js apps with Vitest, the perfect testing framework for Vite-powered projects. Quick, simple, and effective.
Improving Reactivity in Vue.js with VueUse

Improving Reactivity in Vue.js with VueUse

Learn how VueUse with 200+ Vue composition utilities improves reactivity, optimizes performance, and streamlines UI creation in Vue.js 3.
How to Build Feature Rich Forms in Vue.js

How to Build Feature Rich Forms in Vue.js

Build feature-rich forms for Vue applications with validation, submission states, i18n, and more with FormKit's simple but flexible API.
Techniques for Sharing Data between Vue.js Components

Techniques for Sharing Data between Vue.js Components

Learn all techniques to share data between Vue.js components. Discover how to pass data with props in Vue for smooth component communication.
Getting Started with Nuxi (Nuxt CLI)

Getting Started with Nuxi (Nuxt CLI)

Unlock the power of Nuxi – the fast and efficient CLI for Nuxt. Simplify your development workflow and start building with ease!
Understanding the Directory structure in Nuxt 3

Understanding the Directory structure in Nuxt 3

Explore the Nuxt 3 directory structure and learn how to organize your project for optimal performance and scalability in Nuxt.js.
14
VueSchool logo

Our goal is to be the number one source of Vue.js knowledge for all skill levels. We offer the knowledge of our industry leaders through awesome video courses for a ridiculously low price.

More than 200.000 users have already joined us. You are welcome too!

Follow us on Social