Vue.js Dialog是Vue中一個非常常用的組件，在進行交互式開發時非常實用。其中設置標題需要使用props來傳遞一個名為title的值。

<template>
<div class="dialog-wrapper">
<div class="dialog-title">{{ title }}</div>
<div class="dialog-body">
...
</div>
<div class="dialog-footer">
...
</div>
</div>
</template>
<script>
export default {
name: 'Dialog',
props: {
title: {
type: String,
default: 'Dialog Title'
}
}
}
</script>

在代碼中我們可以看到Dialog組件的模板，并且title被聲明為一個prop。接下來，我們可以在Dialog被實例化時傳遞一個title值。

<template>
<Dialog :title="'My Custom Title'">
...
</Dialog>
</template>

以上代碼中，我們將title設置為“My Custom Title”，Dialog的標題也會相應改變。這個過程十分簡單，我們只需要使用v-bind指令來綁定title值即可。

<template>
<Dialog v-bind:title="myTitle">
...
</Dialog>
</template>
<script>
export default {
name: 'Dialogs',
data () {
return {
myTitle: 'My Custom Title'
}
}
}
</script>

在Vue中我們還可以通過計算屬性來設置title，這個在一些程序中可能會比較有用。

<template>
<Dialog :title="customTitle">
...
</Dialog>
</template>
<script>
export default {
name: 'Dialogs',
computed: {
customTitle () {
return "My Custom Title";
}
}
}
</script>

計算屬性中的customTitle會被設置為“My Custom Title”，這個值將會作為title傳遞給Dialog組件。計算屬性是Vue中非常常用的一個特性，非常適合用于在組件中設置動態的值。

總的來說，設置Dialog的title是一個十分簡單的過程，在Vue中我們可以使用props，v-bind指令，計算屬性等多種方式來設置對話框的標題。