/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

0 vote352 views2 answers
How to find the total of the products added to the shopping cart in java program
TypeScript
1 vote326 views1 answer
Cannot read property 'slideTo' of undefined TypeError: Cannot read property 'slideTo' of undefined
TypeScript
4 votes324 views2 answers
When manual testing
TypeScript
4 votes319 views2 answers
Setup express with typescript
TypeScript
3 votes343 views1 answer
Hosts
TypeScript
-1 vote522 views1 answer
Axes3D currently only supports the aspect argument 'auto'. You passed in 'equal'.
TypeScript
0 vote340 views1 answer
Global declaration css ts
TypeScript
1 vote338 views1 answer
How to check if its a character in r
TypeScript
1 vote345 views1 answer
Dev/storage/logs" and its not buildable: Permission denied
TypeScript
3 votes345 views1 answer
Dart check if string is contained in list of strings
TypeScript