/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 vote234 views1 answer
Styled components on vscode
TypeScript
2 votes225 views2 answers
[email protected]: Permission denied (publickey). fatal: Could not read from remote repository. Please make sure you have the correct access rights and the repository exists.
TypeScript
0 vote257 views1 answer
Echarts is not defined
TypeScript
0 vote244 views1 answer
Python application insights azure
TypeScript
10 votes230 views4 answers
How to take two inputs in a single line in python
TypeScript
0 vote240 views1 answer
Pandas get count of pair of elements in two columns
TypeScript
17 votes253 views3 answers
Typescript Error: ER_NOT_SUPPORTED_AUTH_MODE: Client does not support authentication protocol requested by server; consider upgrading MySQL client
TypeScript
0 vote239 views1 answer
Democrats are pussies
TypeScript
1 vote226 views1 answer
Vue components import each other recursive
TypeScript
0 vote234 views1 answer
Assets\scripts\executeevents.cs(236,24): error cs0122: 'objectpool<t>' is inaccessible due to its protection level
TypeScript