/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 vote319 views1 answer
NullInjectorError: R3InjectorError(ProfilePageModule)[Camera -> Camera -> Camera
TypeScript
0 vote305 views1 answer
A ball is fired from a sling shot. The initial velocity is 2.25 m/s at 22.5. What are the vertical and horizontal components of the ball's initial velocity as it leaves the sling shot?
TypeScript
0 vote325 views1 answer
Function that takes first & last name and then it greets the user using his full name.
TypeScript
3 votes318 views1 answer
Mysql insert exists update
TypeScript
0 vote330 views1 answer
Sql server results to comma delimited string
TypeScript
1 vote345 views1 answer
Angular reload component on route param change
TypeScript
0 vote360 views1 answer
Google sheets add all numbers in a column with condition
TypeScript
34 votes320 views3 answers
Powershell enable scripts
TypeScript
0 vote346 views1 answer
Nginx ERR_TOO_MANY_REDIRECTS when i try redirect to https
TypeScript
1 vote337 views1 answer
Typescript algorithm to find repeating number sequences over time
TypeScript