router configuration vue

Grieving Gharial answered on October 31, 2020 Popularity 10/10 Helpfulness 4/10

answer router configuration vue

router configuration vue

Comment

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>

Popularity 10/10 Helpfulness 4/10 Language typescript

Source: Grepper

Tags: configuration router typescript

Link to this answer
Share Copy Link

Contributed on Oct 31 2020

Grieving Gharial

0 Answers Avg Quality 2/10

router configuration vue

Contents

More Related Answers

router configuration vue

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.