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!