vue-refugees-code

This template should help get you started developing with Vue 3 in Vite.

Recommended IDE Setup

VSCode + Volar (and disable Vetur) + TypeScript Vue Plugin (Volar).

Customize configuration

See Vite Configuration Reference.

Project Setup

npm install

Compile and Hot-Reload for Development

npm run dev

Compile and Minify for Production

npm run build

Exercises

You need to run the project to see the specific instructions: npm run dev

1. Directive exercises (sandbox)

• Exercise 1: Interpolation and v-text directive
• Exercise 2: v-if directive
• Exercise 3: v-show directive
• Exercise 4: v-for directive
• Exercise 5: v-model directive
• Exercise 6: v-on directive

2. Task exercise

We will create a TO-DO application to add tasks that we should attend. We can do it in this file, after the description of the exercise.

3. Using props

• Exercise 1: Passing props between components: values
• Exercise 2: Passing props between components: objects

4. Using events

• Exercise 1: Defining events handlers

5. Fetching data

In this exercise, we will request to a REST API to retrieve some information and print in our template.