Frontend Development Projects with Vue.js 3 - Second Edition

Table of Contents

Preface

Part 1: Introduction and Crash Course

1

Starting Your First Vue Project

Technical requirements

Understanding Vue as a framework

Angular versus Vue

React versus Vue

Advantages of using Vue for your project

Working with Vue

Understanding the Vue instance

Setting up a Vite-powered Vue application

Vue’s SFC architecture

Exercise 1.01 – building your first component

Exploring data properties as a local state

Writing components with script setup

Exercise 1.02 – interpolation with conditionals

Understanding Vue directives

Exercise 1.03 – exploring basic directives (v-text, v-once, v-html, v-bind, v-if, v-show)

Enabling two-way binding using v-model

Exercise 1.04 – experimenting with two-way binding using v-model

Understanding ...