Nikhil Nambiar
1 min readAug 21, 2019

How to setup Vue Router?

Step 1: Install vue-router

npm install vue-router

Step 2: Create a router folder, with index.js

Step 3: Import vue, vue-router and the corresponding components required under the route.

// index.js
import Vue from 'vue';
import Router from 'vue-router';
import YourComponent from '../components/YourComponent.vue;
Vue.use(Router);export default new Router({routes: [
{
path: '/birds',
name: 'YourComponent',
component: YourComponent
}],
})

Step 4: Add router to main.js, render property

import router from './routernew Vue({
render: h => h(App),
router,
}).$mount('#app')

And voila, localhost:59812/birds should now work!

Nikhil Nambiar
Nikhil Nambiar

Responses (1)