pregunta
Cómo pasar la matriz de objetos en el componente principal al componente secundario en vue
Subconjunto
<template>
<ul>
<li v-for="(item,index) in quote" :key="index">
<span>{
{
item.subhead}}</span>
<span>{
{
item.message}}</span>
</li>
</ul>
</template>
<script>
export default({
//props的3中写法：
1.数组类型
props:['quote','subhead','message']
2.类型限制
props:{
quote:Array;
subhead:String;
message:String;
}
3.提供默认值
props:{
quote:{
type:Array,
default(){
return[]}
},
subhenad:{
type:String,
default:'订单号'
},
message:{
type:String,
}
}
})
</script>
componente principal
<template>
<cpn :quote="quote" :subhead="subhead" :message="message"></cpn>
</template>
<script>
import cpn from "./cpn.vue"
export default({
data(){
return{
quote:[
{
subhead:'订单编号：',
message:'n20200910'
},{
subhead:'获取时间：',
message:'2020-09-10'
},{
subhead:'证件号：',
message:'00987'
}],
}
},
components:{
cpn,
}
})
</script>
Visualización de logros
| Número de pedido: n20200910 |
| Hora de adquisición: 2020-09-10 |
| Número de certificado: 00987 |