vue2.0 批量添加图片并展示已添加的图片

使用Vue2.0批量添加图片并展示已添加的图片，可以通过以下步骤完成：

1. 首先，在Vue的data属性中定义一个数组，用于存储已添加的图片的URL地址，例如images: []。

2. 接下来，在HTML模板中创建一个包含文件选择按钮的表单元素，用于批量选择并上传图片。例如：

<input type="file" multiple @change="uploadImages">

3. 在Vue的methods中，定义一个uploadImages方法，用于处理上传的图片文件。该方法可以获取到选择的文件列表，并遍历每个文件，将其转换为URL地址并添加到images数组中。例如：

methods: {
    uploadImages(event) {
        const files = event.target.files;
        for (let i = 0; i < files.length; i++) {
            const reader = new FileReader();
            reader.onload = (e) => {
                this.images.push(e.target.result);
            };
            reader.readAsDataURL(files[i]);
        }
    }
}

4. 最后，在HTML模板中使用v-for指令遍历images数组，并将每个URL地址渲染为图片元素显示出来。例如：

<div>
    <img v-for="image in images" :src="image" :key="image" alt="添加的图片">
</div>

以上就是使用Vue2.0批量添加图片并展示已添加的图片的方法。用户选择图片后，将图片文件转换为URL地址，并添加到Vue实例中的images数组中，然后通过v-for指令遍历数组并渲染为图片元素显示出来。