Getting started with Vue CLI and single-file components in Vue.js.

Module
11 Units

Intermediate

Student

Developer

Azure Static Web Apps

Although it's possible to create Vue.js applications by using purely JavaScript, most developers need more power and flexibility. By using Vue CLI and single-file components, you can use more robust tooling to enhance the development experience. We'll see how to use Vue CLI to bootstrap an application, and how to create reusable components in Vue.

Learning objectives

In this module, you will:

Use Vue CLI
Create components

Prerequisites

HTML/CSS, Git, npm, JavaScript, and some knowledge of Vue.js

Introducing Vue CLI and custom components min
Get started with Vue CLI min
Create an application by using Vue CLI min
Get started with Vue components min
Create a component min
Component props min
Add props to a component min
Custom events for components min
Add a custom event to a component min
Knowledge check min
Summary min