使用vue2和antdv写一个房屋租赁网站的个人中心

非常感谢您的提问，我可以为您提供以下代码示例：

<template>
  <div>
    <h2>个人中心</h2>
    <a-tabs default-active-key="1">
      <a-tab-pane key="1" tab="我的订单">
        <div v-for="order in orders" :key="order.id">
          <h3>订单号：{{ order.id }}</h3>
          <p>房屋信息：{{ order.houseInfo }}</p>
          <p>租赁时间：{{ order.rentTime }}</p>
          <p>订单状态：{{ order.status }}</p>
        </div>
      </a-tab-pane>
      <a-tab-pane key="2" tab="我的收藏">
        <div v-for="house in houses" :key="house.id">
          <h3>{{ house.title }}</h3>
          <p>{{ house.description }}</p>
          <p>价格：{{ house.price }}</p>
        </div>
      </a-tab-pane>
    </a-tabs>
  </div>
</template>

<script>
export default {
  data() {
    return {
      orders: [
        {
          id: 1,
          houseInfo: '北京市朝阳区三里屯SOHO',
          rentTime: '2021-01-01 至 2021-02-01',
          status: '已完成'
        },
        {
          id: 2,
          houseInfo: '上海市浦东新区陆家嘴',
          rentTime: '2021-02-01 至 2021-03-01',
          status: '待付款'
        }
      ],
      houses: [
        {
          id: 1,
          title: '北京市朝阳区三里屯SOHO',
          description: '豪华公寓，交通便利',
          price: '10000元/月'
        },
        {
          id: 2,
          title: '上海市浦东新区陆家嘴',
          description: '高档公寓，环境优美',
          price: '12000元/月'
        }
      ]
    }
  }
}
</script>

这是一个使用 Vue2 和 Ant Design Vue 组件库编写的房屋租赁网站个人中心页面的示例代码。其中，使用了 `a-tabs` 和 `a-tab-pane` 组件实现了订单和收藏两个选项卡，使用了 `v-for` 指令渲染了订单和收藏列表。请注意，这只是一个示例代码，实际项目中需要根据具体需求进行修改和完善。

关于您提到的编程问题，我也可以为您提供帮助，如果您有任何问题，请随时提出。