vueで親コンポーネントのオブジェクト配列を子コンポーネントに渡す方法

質問

vueで親コンポーネントのオブジェクト配列を子コンポーネントに渡す方法

---

サブアセンブリ

<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>

親コンポーネント

<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>

実績表示

注文番号：n20200910

取得時期: 2020-09-10

証明書番号：00987

終わりに：上記は個人的な学習プロセスの概要です。質問がある場合は、コメントしてください。