Vue Router full example

hansal answered on February 15, 2023 Popularity 3/10 Helpfulness 2/10

answer Vue Router full example

Vue Router full example

Comment

If you installed vue global
 vue add router
OR
npm install vue-router

// create router/index.js
import { createRouter, createWebHistory } from 'vue-router'
import Home from '../views/Home.vue'

const routes = [
  {
    path: '/',
    name: 'Home',
    component: Home
  }
]

const router = createRouter({
  history: createWebHistory(process.env.BASE_URL),
  routes
})
export default router

// in the App.vue
<template>
  <div id="nav">
    <router-link to="/">Home</router-link> 
  </div>
  <router-view/>
</template> 

// finally register router in main.js
app.use(router)

Popularity 3/10 Helpfulness 2/10 Language javascript

Source: vueschool.io

Tags: javascript vue-router

Link to this answer
Share Copy Link

Contributed on Feb 15 2023

hansal

0 Answers Avg Quality 2/10

Vue Router full example

Contents

More Related Answers

Vue Router full example

Grepper

Documentation

Social

Legal

Contact

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