Starting Your First Vue Project
In this chapter, you will learn about the key concepts and benefits of Vue.js (Vue), how to set up the project architecture using the terminal (or command line), and how to create a simple Vue component with local data following the component fundamentals.
This chapter will cover the following topics:
- Understanding Vue as a framework
- Setting up a Vite-powered Vue application
- Exploring
dataproperties as a local state - Writing components with
<script setup> - Understanding Vue directives
- Enabling two-way binding using
v-model - Understanding data iteration with
v-for - Exploring methods
- Understanding component lifecycle hooks
- Styling components
- Understanding CSS modules
By the end of this chapter, you will be able to describe the fundamentals of Vue lifecycle hooks and expressions and use various styling approaches and HTML syntax flavors to control the HTML template competently.