<!-- 功能：数组键值对; 作者：LZJ; 时间：2022年10月13日 14:45:54-->
<template>
    <div id="PairArrCode">
        <div v-for="(item, index) in pairDataArr" :key="`filter${index}`" class="pl20">
            <p>{{ item.name }}</p>
            <div class="pl20">{
                <PairCode :pair-code-arr="item.pairArr" />
                <PairArrCode v-if="judgeEmpty(item.children)" class="pl20" :pair-data-arr="item.children" />
                <!-- <span v-if="judgeEmpty(item.children)" class="pl20">]</span> -->
            </div>
            <p class="pl20">
                <span>}</span>
                <span v-if="index < pairDataArr.length - 1">,</span>
            </p>
            <p v-if="item.end">]<span v-if="item.hasDh">,</span></p>
        </div>
    </div>
</template>

<script>
import PairArrCode from './PairArrCode';
import PairCode from './PairCode';
export default {
    // 组件名称
    name: 'PairArrCode',
    // 局部注册的组件
    components: { PairArrCode, PairCode },
    // 组件参数 接收来自父组件的数据
    props: {
        pairDataArr: {
            type: Array,
            default: () => []
        }
    },
    // 组件状态值
    data() {
        return {};
    },
    // 侦听器
    watch: {},
    created() {
    },
    mounted() {
    },
    methods: {}
};
</script>

<!--使用了scoped属性之后，父组件的style样式将不会渗透到子组件中，-->
<style scoped lang='less'>

</style>
