如何在vue.js中更改鼠标悬停上的图像？

在Vue.js中，我可以将图像绑定到img元素：

<img v-bind:src="myimage" />

---

如何定义鼠标移动到此图像上时显示的另一图像？

在

鼠标上方

侦听器中更改

myImage

的值：

newvue({
el:“#应用程序”，
数据（）{
返回{
myImage:“https://s-media-cache-ak0.pinimg.com/originals/bd/5d/84/bd5d845c980508d41b0329dc21d08d2b.jpg",
其他图像：“https://cdn.pixabay.com/photo/2014/03/29/09/17/cat-300572_960_720.jpg"
}
}
});

我无法使鼠标悬停。这是我的简化代码：
code
code
。虽然页面显示图像中包含的图片，但不显示图像url中包含的鼠标悬停图像。非常感谢您的帮助。
image\u url
是您要在鼠标上方显示的图像的地址吗？如果是这样，您的
image\u hover
方法是否设置了
this.image=this.image\u url
？它现在正在工作。顺便说一句，当开发人员控制台打开时，鼠标悬停事件没有触发。感谢您的帮助。如果您有一个相对url，如
@/assets/images/yes.png
，该怎么办？我想这不管用