Vue.js 2 Design Patterns and Best Practices

Enabling the router

We can start off by enabling the VueRouter plugin within our application. To do this, we can create a new file inside src/router named index.js. We'll use this file to contain all the router-specific configuration, but we'll separate out each route into different files depending on the underlying feature.

Let's import and add the router plugin:

import Vue from 'vue';import VueRouter from 'vue-router';Vue.use(VueRouter)