在Vue中實現contenteditable元素的雙向綁定可以通過v-model指令實現。下面是一個簡單的示例：
<template>
<div>
<div contenteditable="true" @input="updateContent" v-html="content"></div>
</div>
</template>
<script>
export default {
data() {
return {
content: '這是一個contenteditable元素'
};
},
methods: {
updateContent(event) {
this.content = event.target.innerHTML;
}
}
};
</script>
在上面的示例中，使用v-html指令將contenteditable元素的內容與Vue實例中的content屬性綁定，同時通過@input事件監聽內容的變化，并通過updateContent方法更新content屬性的值，實現雙向綁定。當contenteditable元素的內容發生變化時，Vue實例中的content屬性也會隨之更新。
