Vue usa accesorios para transmitir y recibir parámetros en componentes
1. Utilice la opción de accesorios en el componente para definir datos y recibir parámetros.
2. En el enrutamiento, utilice la opción de accesorios para configurarlo. enrutamiento:
a. modo booleano: props está configurado en verdadero y puede recibir transferencia de parámetros en modo params
{
ruta: "bjc/:name; /:price" , // Definir sus propiedades
componente: Bjc,
props: true
},
Recibir parámetros:
accesorios: {
palabra clave: {
tipo: Cadena,
valor predeterminado: ''
}
},
Expresión en el navegador: www.qijinn.com/item/search/1/2
Modo de función: los accesorios son funciones y puede Recibir la transmisión de los parámetros del modo de consulta
Definición de ruta: {
ruta: '/items/search/result',
nombre: 'search-; resultado',
meta: {
keepAlive: true
},
componente: asyncLoader('items/search-result' ),
props: route =gt; route.query
},
Pasar parámetros:
this.$router.push ({
nombre: 'resultado de búsqueda',
consulta: { palabra clave: word.trim() }
}); p> Recibir parámetros:
accesorios: {
palabra clave: {
tipo: Cadena,
valor predeterminado: ''
}
},
Formulario de expresión en el navegador: www.qijinn.com/item/search/result?keyword= 七杇年
c. Modo objeto: los accesorios son objetos. Si trabaja con datos estáticos, puede utilizar el patrón de objeto
{
ruta: "yc",
componente: Yc,
;props : {
nombre: 'Diseño de volumen de cerdo asado con miel',
precio: 648
}
},
Recibir parámetros:
accesorios: {
palabra clave: {
tipo: Cadena,
predeterminado: '' p>
}
},