index.vue

<template>
  <div class="list">
    <NafmHeader title="联系人列表" />
    <contact-item v-for="contactItem in contactList" :key="contactItem.id" :contact-item="contactItem"></contact-item>
  </div>
</template>
<script>
export default {
  data() {
    return {
      contactList: [{},{},{}]
    }
  },
  components: {
    contactItem: ()=>import("./contactItem.vue")
  }
}
</script>
<style lang="less" scoped>
.list {
  position: absolute;
  top: 0px;
  left: 0;
  right: 0;
  bottom: 15px;
  margin: 16px 15px;
  background-color: #fafafa;
}
</style>