在 vue中 script中如何加四张图片

在 Vue 的 `<script>` 标签中，你可以通过使用 `import` 或 `require` 引入多张图片。假设你的四张图片都位于 `src/assets/images` 目录下，你可以通过以下方式在 Vue 组件的 `<script>` 标签中引入这些图片：

import image1 from '@/assets/images/image1.png'
import image2 from '@/assets/images/image2.png'
import image3 from '@/assets/images/image3.png'
import image4 from '@/assets/images/image4.png'

export default {
  data() {
    return {
      images: [image1, image2, image3, image4]
    }
  }
}

或者使用 `require`：

const image1 = require('@/assets/images/image1.png')
const image2 = require('@/assets/images/image2.png')
const image3 = require('@/assets/images/image3.png')
const image4 = require('@/assets/images/image4.png')

export default {
  data() {
    return {
      images: [image1, image2, image3, image4]
    }
  }
}

在这个例子中，我们使用 `import` 或 `require` 分别引入四张图片，并将这些图片存储在 `data()` 中的一个数组中。这个数组可以在组件的模板中使用 `v-for` 指令循环渲染图片，如下所示：

<template>
  <div>
    <div v-for="(image, index) in images" :key="index">
      <img :src="image" alt="图片" />
    </div>
  </div>
</template>

在这个例子中，我们使用 `v-for` 指令循环渲染每一张图片。`v-for` 指令会遍历 `images` 数组中的每个元素，并将当前元素赋值给 `image` 变量。我们使用 `:src` 绑定每个图片的 URL，使用 `key` 属性指定每个图片的唯一标识符。

需要注意的是，在使用 `v-for` 渲染图片时，你需要在 `<img>` 标签中使用 `:src` 绑定图片的 URL。