Vue的v-bind指令可以在模板中動態地綁定HTML屬性。v-bind:attribute="expression"，其中，attribute是要綁定的HTML屬性，如class、style、href等，expression是JavaScript表達式。v-bind:可以縮寫為冒號:，如:class="className"可以縮寫為:class="className"。

// 示例代碼
<template>
<div :class="{'active': isActive}" :style="{color: fontColor}" :href="url">
<p v-bind:title="message">{{ label }}</p>
</div>
</template>
<script>
export default {
data() {
return {
isActive: true,
fontColor: "blue",
url: "https://www.example.com",
message: "這是一個標題",
label: "Vue.js"
}
}
}
</script>

上面的例子中，div元素動態綁定了class、style和href三個HTML屬性。class屬性使用了條件語句，在isActive為true時綁定了active類名，style屬性中color屬性通過JavaScript表達式fontColor綁定了值，href屬性綁定了url的值。

而p元素中的title屬性使用了v-bind指令，將message動態綁定到title屬性上，再使用{{}}語法將label動態渲染到p元素中。通過v-bind指令，我們可以非常方便地將數據動態地綁定到HTML屬性上，實現數據和視圖之間的雙向綁定。