用vant写一个地址列表

以下是一个使用vant组件库实现的地址列表示例：

<template>
  <div class="address-list">
    <van-list>
      <van-cell
        v-for="(item, index) in list"
        :key="index"
        :title="item.name"
        :label="item.tel"
        :value="item.address"
        is-link
        @click="onClick(item)"
      >
        <template #right-icon>
          <van-icon name="edit" size="16px" />
        </template>
      </van-cell>
    </van-list>
  </div>
</template>

<script>
export default {
  data() {
    return {
      list: [
        {
          name: '张三',
          tel: '13000000000',
          address: '广东省广州市天河区中山大道',
        },
        {
          name: '李四',
          tel: '1310000000',
          address: '广东省广州市天河区中山大道',
        },
        {
          name: '王五',
          tel: '1320000000',
          address: '广东省广州市天河区中山大道',
        },
      ],
    };
  },
  methods: {
    onClick(item) {
      // TODO: 点击事件处理逻辑
    },
  },
};
</script>

该示例中使用了vant的`list`和`cell`组件来实现地址列表，其中`list`组件用来展示列表，`cell`组件用来展示每个地址信息，并且可以点击跳转到编辑页面。

在`cell`组件中，使用了`value`属性来展示地址信息，`is-link`属性来使其可点击，同时使用`right-icon`插槽来添加一个编辑图标。在点击事件中，可以通过`onClick`方法来处理编辑地址的操作。