Vue是一款流行的JavaScript框架，它的数据驱动能力使得网页中的内容能够灵活而快速地更新。既然Vue能够帮助我们快速地更新页面内容，那么如何在Vue中刷新图片呢？本文将向大家介绍两种常见的刷新图片的方法。

方法一：添加时间戳

<template>
　　<div>
　　　　<img :src="'./image.jpg?' + new Date().getTime()">
　　</div>
</template>

通过为图片路径添加当前时间戳，每次页面刷新时都会重新加载图片，从而达到刷新图片的效果。

方法二：添加key属性

<template>
　　<div>
　　　　<img :src="'./image.jpg'" :key="refresh">
　　</div>
</template>
<script>
　　export default {
　　　　data () {
　　　　　　return {
　　　　　　　　refresh: 0
　　　　　　}
　　　　},
　　　　methods: {
　　　　　　refreshImg () {
　　　　　　　　this.refresh++
　　　　　　}
　　　　}
　　}
</script>

在img标签中添加key属性，并将它的值绑定到data中的一个变量上。每当该变量的值改变时，图片将重新渲染，从而刷新图片。

以上就是介绍的两种在Vue中刷新图片的方法，希望对大家有所帮助。