/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

6 votes142 views1 answer
Typescript replace
TypeScript
0 vote134 views1 answer
South africa sports betting license
TypeScript
0 vote158 views1 answer
Why do we use #Email in angular with ngmodel
TypeScript
1 vote134 views1 answer
E_MISSING_NAMED_MIDDLEWARE: Cannot find a middleware named "auth"
TypeScript
0 vote141 views1 answer
Vue router popstate
TypeScript
1 vote132 views1 answer
Reverse string in typescript
TypeScript
0 vote135 views1 answer
How many bits are there in a hexadecimal digit
TypeScript
0 vote139 views1 answer
TypeScript error in node_modules/@types/jest/node_modules/jest-diff/build/diffLines.d.ts(8,13): '=' expected. TS1005
TypeScript
31 votes133 views2 answers
File C:\Users\Tariqul\AppData\Roaming\npm\ng.ps1 cannot be loaded because running scripts is disabled on this system.
TypeScript
0 vote137 views1 answer
How to find out the amount of ints in c++
TypeScript