在Vue.js中，我們可以使用v-bind指令來動態地綁定屬性值到Vue實例的數據屬性上，這使得我們可以很方便地控制數據和視圖之間的關聯。

但有時我們需要給某些元素或組件加上只讀的屬性，讓它們不受Vue實例的數據變化影響。在這種情況下，就需要用到Vue.js中的“v-bind”指令的“readonly”修飾符。

<template>
<div>
<input v-bind:value="message" readonly />
</div>
</template>
<script>
export default {
data () {
return {
message: 'Hello World!'
}
}
}
</script>

上述代碼示例中，“v-bind:value”用來綁定Vue實例的“message”數據屬性，當“message”發生變化時，input元素的值也會隨之變化。

將“readonly”修飾符加入到“v-bind:value”表達式中，可以讓input元素成為只讀的。這樣，即使Vue實例的數據屬性變化，input元素也不會受到影響，保持只讀狀態。