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: los accesorios están configurados en verdadero y pueden recibir transferencia de parámetros en el 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 transferencia 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 => route.query
},
Pasar parámetros:
this.$router.push( {
nombre: 'resultado de búsqueda',
consulta: { palabra clave: word.trim() }
});
recibir Parámetros:
accesorios: {
palabra clave: {
tipo: Cadena,
predeterminado: ''
}
},
Formulario de representació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 a la miel',
precio:648
}
},
Recibir parámetros:
accesorios: {
palabra clave: {
tipo: Cadena,
predeterminado: ''
}
},