📚 Cheatsheet

Une collection organisée de snippets de code pour accélérer votre développement. Parcourez, recherchez et copiez en un clic.

Snippets 7

Retour
Vue Router : <router-link>
Facile 
<router-link to="/about">About</router-link>
Vue Router : <router-view>
Facile 
<router-view></router-view>
Vue Router : Accéder aux paramètres de route
Intermédiaire 
// Composition API
import { useRoute } from 'vue-router'
const route = useRoute()
const userId = route.params.id

// Options API
this.$route.params.id
Vue Router : Créer un routeur
Facile 
import { createRouter, createWebHistory } from 'vue-router'

const router = createRouter({
  history: createWebHistory(),
  routes: [ /* ... */ ]
})
Vue Router : Définir des routes
Facile 
const routes = [
  { path: '/', component: Home },
  { path: '/about', component: About },
]
Vue Router : Navigation programmatique
Intermédiaire 
// Composition API
import { useRouter } from 'vue-router'
const router = useRouter()
router.push('/about')

// Options API
this.$router.push('/about')
Vue Router : Route dynamique
Intermédiaire 
{ path: '/user/:id', component: User }