Challenge: Create a Minimal Blog Engine Using Vue Router

Assess your learning by creating a minimal blog engine using Vue Router in Vue.

We'll cover the following

Task

Create a minimal blog engine by using Vue Router for navigation. Your blog should have:

  • A home page with links to the posts

  • A posts listing page, which fetches and lists the posts using the title and body properties (the title of each post must link to the post itself)

  • A single post page that fetches the requested post by its id property and displays it

Task 1: Create a home page

Create a home page with links to the posts.

Expected output

The output of the task should look like the following:

Get hands-on with 1200+ tech skills courses.