v-model 是 Vue 的一個有用的指令，它可以輕松地綁定表單輸入和應用程序狀態之間的值。不過，有時候我們需要將輸入框設置為只讀狀態，這時候就需要使用 readonly 屬性來防止用戶輸入修改值。

下面是一個示例，展示了如何將一個 input 元素設置為只讀狀態：

<template>
<div>
<input v-model="message" readonly />
</div>
</template>
<script>
export default {
data() {
return {
message: '只讀文本框'
}
}
}
</script>

在上面的代碼中，我們使用了 v-model 綁定到了 message 屬性，而 readonly 屬性則防止用戶修改文本框的值。需要注意的是，這里并沒有使用 disabled 屬性來禁用輸入，因為我們希望用戶能夠選擇文本框中的文本，而不是完全禁用它。

總之，使用 readonly 屬性可以很方便地將 input 元素設置為只讀狀態，從而保護應用程序狀態不會被用戶意外修改。