Answers for "vue route"

0

vue router implementation

//Implementation
//main.js - Add below lines
import VueRouter from 'vue-router';

Vue.use(VueRouter);

const router = new VueRouter({
  routes,
  mode: 'history'
});

new Vue({
  router,
  render: h => h(App)
}).$mount('#app')

//App.vue - Add below line in v-content
/*
<template>
  <v-app>
    <v-content>
      <router-view></router-view>
    </v-content>
  </v-app>
</template>
*/

//route.js - We need to craate file under src
import linkName from './components/fileName.vue';
export const routes = [
  {
    path: '/',
    component: linkName
  }
]
Posted by: Guest on June-01-2020
2

vue router

//<router-link :to="..."> is the equivalent of calling "router.push(...)"

// literal string path
router.push('home')

// object
router.push({ path: 'home' })

// named route
router.push({ name: 'user', params: { userId: '123' } })

// with query, resulting in /register?plan=private
router.push({ path: 'register', query: { plan: 'private' } })

// go forward by 3 records
router.go(3)

// go back by 3 records
router.go(-3)
Posted by: Guest on July-25-2021
1

vue route

// add Route in template
<router-link to="/home">Home</router-link>
Posted by: Guest on July-12-2021

Browse Popular Code Answers by Language