Thanks to tania

A Vue app which demostrate following functionalities:-

Vue directives such as

v-for, v-if, v-else  # for conditions and looping inside <template>
v-on  # for binding functions inside <template>

State management in Vue

data() { return <some-data>} # lives inside script
props: <data passed from components>  # lives inside script

API calls

async await  # for making asynchronus calls
fetch(url, method..etc) or axios   # for making the api call to url
trycatch    # good practice

Lifecycle method

mounted: {}  # lives inside script

Project setup

npm install

Compiles and hot-reloads for development

npm run serve

Compiles and minifies for production

npm run build

Lints and fixes files

npm run lint

Customize configuration

See Configuration Reference.