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.

Nuxt 4 Guide: What Changed and How to Migrate from Nuxt 3

Nuxt 4 Guide: What Changed and How to Migrate from Nuxt 3

Learn about the the new app/ directory, data-fetching updates, and breaking changes you should update during migration.
From Vue.js Options API to Composition API: Is it Worth it?

From Vue.js Options API to Composition API: Is it Worth it?

Learn why switching from Vue.js Options API to Composition API improves maintainability and scalability in Vue.js.
Developing a Full Stack Nuxt App with Bolt.new – An AI Experiment

Developing a Full Stack Nuxt App with Bolt.new – An AI Experiment

Build a full-stack Nuxt app with Bolt new AI tool. Accelerate development with automatic code generation and integration for modern web apps.
Upgrading Eslint from v8 to v9 in Vue.js

Upgrading Eslint from v8 to v9 in Vue.js

Learn how to upgrade to ESLint 9 in Vue js, taking advantage of the new flat configuration system and other significant changes in ESLint 9.0.
7 Beautiful Next-Level Button Components with Vue, VueUse, and TailwindCSS

7 Beautiful Next-Level Button Components with Vue, VueUse, and TailwindCSS

Combine Vue, VueUse, and TailwindCSS for some practical and beautiful buttons
Unlocking the Power of AI in Your Vue Coding Workflow

Unlocking the Power of AI in Your Vue Coding Workflow

Explore how AI is transforming software development, acting as a valuable coding companion to streamline workflows and overcome challenges. This article delves into practical strategies for effectively integrating AI tools, offering insights for developers at any skill level.
How to Update :root CSS Variables with JavaScript in Vue

How to Update :root CSS Variables with JavaScript in Vue

Set and read :root CSS variables from JavaScript, then bind them the Vue way with v-bind in . Includes an editable, live theme-switcher demo you can run in the browser.
How to fix: “script setup cannot contain es module exports” error

How to fix: “script setup cannot contain es module exports” error

Learn how to fix the "script setup cannot contain es module exports" error in Vue.js 3. Discover defineExpose and useTemplateRef.
How to Access Vue Refs Defined in Script Setup within Unit Tests

How to Access Vue Refs Defined in Script Setup within Unit Tests

Need to access a component’s data defined within script setup? In this article we’ll teach you how! But be warned you probably want to approach your test a little differently.
8
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