No tienes acceso a esta clase

¡Continúa aprendiendo! Únete y comienza a potenciar tu carrera

Componentes y props

9/17
Recursos

Aportes 2

Preguntas 0

Ordenar por:

Los aportes, preguntas y respuestas son vitales para aprender en comunidad. Regístrate o inicia sesión para participar.

Para rutas con vistas con nombre, debemos definir la opción props para cada vista:

const routes = [
  {
    path: '/user/:id',
    components: { default: User, sidebar: Sidebar },
    props: { default: true, sidebar: false }
  }
]

Cuando props es un objeto, se establecerá como el componente props tal cual. Útil para cuando los props son estáticos:

const routes = [
  {
    path: '/promotion/from-newsletter',
    component: Promotion,
    props: { newsletterPopup: false }
  }
]

Tambien se puede crear una función que devuelva props. Esto nos permite convertir parámetros en otros tipos, combinar valores estáticos con valores basados en rutas, etc.

const routes = [
  {
    path: '/search',
    component: SearchUser,
    props: route => ({ query: route.query.q })
  }
]

La URL /search?q=vue pasaría como {consulta: ‘vue’} como props al componente SearchUser.

Se debe Intentar mantener la función de props sin estado, ya que solo se evalúa en los cambios de ruta. Use un componente contenedor si necesita un estado para definir los props, de esa manera VUE puede reaccionar a los cambios de estado.