在Vue中獲取HTML元素的屬性非常簡單。Vue提供了v-bind指令，使我們可以綁定元素屬性和Vue實例的數據。

下面是一個獲取HTML元素屬性的示例：

<div id="app">
<img v-bind:src="imageUrl" alt="Vue logo">
</div>
<script>
var app = new Vue({
el: '#app',
data: {
imageUrl: 'https://vuejs.org/images/logo.png'
}
})
</script>

在上面的示例中，我們通過v-bind指令將元素的src屬性綁定到Vue實例的imageUrl數據屬性。因此，Vue會將imageUrl的值分配給標簽的src屬性。

我們還可以實現動態綁定和條件渲染：

<div id="app">
<img v-if="isDisplayed" v-bind:src="imageUrl" alt="Vue logo">
</div>
<script>
var app = new Vue({
el: '#app',
data: {
imageUrl: 'https://vuejs.org/images/logo.png',
isDisplayed: true
}
})
</script>

在上面的示例中，我們通過v-if指令和Vue實例的isDisplayed數據屬性動態渲染元素。因此，當isDisplayed為true時，img標簽將被渲染，否則不會。

總之，通過v-bind指令，Vue可以讓我們輕松地獲取HTML元素的屬性并同時動態地綁定和渲染它們。