html 引入vue怎么把后台返回的图片地址分页，每页六个

首先，需要在 Vue 中创建一个图片列表组件，用于展示后台返回的图片。然后，可以通过后台 API 获取到图片列表数据，一般是一个数组，每个元素包含图片的地址等信息。

接下来，可以使用计算属性来实现分页功能。具体步骤如下：

1. 在 data 中定义当前页码和每页显示的数量：

data() {
  return {
    currentPage: 1,
    pageSize: 6,
    images: [] // 后台返回的图片列表数据
  }
}

2. 创建一个计算属性，用于根据当前页码和每页显示的数量来返回对应的图片列表数据：

computed: {
  paginatedImages() {
    const startIndex = (this.currentPage - 1) * this.pageSize
    const endIndex = startIndex + this.pageSize
    return this.images.slice(startIndex, endIndex)
  }
}

上述代码中，使用了 `slice` 方法来获取当前页码对应的图片列表数据。

3. 在组件模板中遍历计算属性中返回的图片列表数据，来展示图片：

<template>
  <div>
    <div v-for="image in paginatedImages" :key="image.id">
      <img :src="image.url" />
    </div>
    <ul>
      <li v-for="page in pageCount" :key="page" @click="currentPage = page">{{ page }}</li>
    </ul>
  </div>
</template>

上述代码中，使用了 `v-for` 指令来遍历计算属性中返回的图片列表数据，并展示每个图片的地址。同时，还展示了一个分页器，通过点击页码来切换当前页码。

4. 最后，需要计算总页面数，用于展示分页器：

computed: {
  pageCount() {
    return Math.ceil(this.images.length / this.pageSize)
  }
}

上述代码中，通过计算图片列表数据的长度和每页显示的数量，来计算总页面数。

综上所述，以上是在 Vue 中实现分页展示后台返回的图片地址的一种方法。