Vue.js 2 Web Development Projects

Creating routes

Let's create a few dumb pages for test routing:

1. In the components folder, create a Home.vue component containing a very simple template with a <main> element, a title, and some text:

      <template>        <main class="home">          <h1>Welcome to our support center</h1>          <p>            We are here to help! Please read the <a>F.A.Q</a> first,            and if you don't find the answer to your question, <a>send                              us a ticket!</a>          </p>        </main>      </template>

2. Then, create an FAQ.vue component next to Home.vue. It should also contain a <main> element, inside of which you can add a simple title:

      <template>        <main class="faq">          <h1>Frenquently Asked Questions</h1>        </main>      </template>

We now have what we need to create a few routes.

3. In the router.js file, import the ...