/TypeScript/How to install router in vue js

How to install router in vue js

Router configuration vue

npm install --save vue-router

//after installing vue-router in the project
//go inside main.js in your project and add
//(just after Vue.config.productionTip=false):

Vue.use(VueRouter):

const routes=[
{path: '/home', component: [componentName]},
{path: '/features', component: [componentName2]},
.
.
.
];
//you can add  as many routes as you need

//also add:

const router=new VueRouter({
routes,
mode: 'history'
});


//to make the router accesible for all the project you need to add it inside the new Vue:

new Vue({
router,     <----
.
.
}).$mount('#app')

//to make different pages acoording to the route selected, add (inside app.vue):
<template>
   <div id="app">
     <Navbar></Navbar>

     <router-view> </router-view>  <----------
     <Footer></Footer>
   </div>
</template>

Source: grepper.com

Similar codes

-1 vote180 views1 answer
Fusion builder elegant elements for free
TypeScript
0 vote186 views1 answer
Has apple distribution certificate installed but its private key
TypeScript
0 vote200 views1 answer
Typescript utility types merge interfaces
TypeScript
2 votes239 views1 answer
Error: failed to synchronize all databases (unable to lock database)
TypeScript
0 vote206 views1 answer
Angular child routes not working
TypeScript
7 votes255 views3 answers
Module was compiled with an incompatible version of kotlin. the binary version of its metadata is 1.5.1, expected version is 1.1.16.
TypeScript
5 votes196 views1 answer
FIRST principle in testing
TypeScript
0 vote180 views2 answers
Removing alphabets from a string in python
TypeScript
0 vote229 views1 answer
Typescript instantiate 2d array
TypeScript
0 vote218 views1 answer
Minuts bwtewwn two date laravel
TypeScript