PageHeader.vue

<template>
    <a-breadcrumb style="margin: 10px 0">
        <a-breadcrumb-item :key="index" v-for="(item, index) in breadcrumb">
            <span>{{ item }}</span>
        </a-breadcrumb-item>
    </a-breadcrumb>
</template>

<script>
export default {
    name: 'PageHeader',
    props: {
        breadcrumb: {
            type: Array,
            required: false,
        },
    },
};
</script>