在vue中，我們經常需要加載圖片并獲取其實際尺寸。這對于進行布局和計算都非常有用。下面是一種方法可以在vue中獲得圖像的實際尺寸。

首先，我們需要在vue的template中加載圖像。我們可以使用img標簽，并將其綁定到一個變量上。例如：

<template>
<div>
<img ref="image" :src="imageUrl" @load="getImageSize" />
</div>
</template>

在這里，我們將圖像的src屬性綁定到了imageUrl變量上，并使用@load事件來監聽圖像加載完成。我們還為圖像增加了一個ref屬性，為后面的代碼獲取圖像元素對象做準備。

接下來，我們可以使用JavaScript中的Image對象來獲取圖像的實際尺寸信息。在vue的script代碼中，我們可以聲明一個名為getImageSize的方法，并在圖像加載完成時調用它。

<script>
export default {
data() {
return {
imageUrl: 'image.jpg',
width: 0,
height: 0
}
},
methods: {
getImageSize() {
const img = this.$refs.image;
const image = new Image();
image.src = img.src;
image.onload = () => {
this.width = image.width;
this.height = image.height;
};
}
}
}
</script>

在這里，我們利用了getImageSize方法中的this.$refs.image來獲取圖像元素對象。然后，我們創建一個新的Image對象，并將其src屬性設置為圖像地址。接著，我們使用onload事件來監聽圖像加載完成，獲取實際的寬度和高度信息，并賦值到組件的data屬性中。

最后，我們可以將獲取到的實際尺寸信息渲染到頁面上：

<template>
<div>
<img ref="image" :src="imageUrl" @load="getImageSize" />
<p>Width: {{ width }}, Height: {{ height }}</p>
</div>
</template>

在這段代碼中，我們使用了雙括號語法將組件中的width和height值渲染到頁面上。這樣，我們就可以通過這種方式獲得圖像的實際尺寸信息了。