Saltar al contenido

Vue router dinámico ruta juego tutorialDec, 7thIn esta guía, vamos a aprender acerca de cómo implementar … dinámico

marzo 13, 2020

 

En este tutorial, vamos a aprender acerca de cómo implementar el enrutamiento dinámico en el router de vue.

En enrutador vue, estamos haciendo que los componentes basados ​​en la coincidencia de camino, pero a veces si have10 usuarios en las que necesitamos para mostrar los datos de cada usuario en función de su ID en tales casos tenemos que utilizar el segmento dinámico en el camino. segmento

dinámico se añade mediante el uso de dos puntos: nameofthesegment

import Vue from 'vue'
import App from './App.vue';
import VueRouter from "vue-router";
import Home from './components/Home.vue';
import User from './components/User.vue';

Vue.use(VueRouter);

const router = new VueRouter({
mode: "history",
routes: [
{ path: '/', component: Home },
// dynamic segement `:id` is added to the path { path: '/user/:id', component: User }, ]
})

Vue.config.productionTip = false

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

Ahora dentro de nuestro componente del usuario, podemos acceder al segmento dinámico con este $ route.params..