Skip to content

Latest commit

 

History

History
52 lines (36 loc) · 1.41 KB

README.md

File metadata and controls

52 lines (36 loc) · 1.41 KB

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.