Vue.js VueJS渲染一次到元素中

是否可以只渲染一次元素

假设我有一个contenteditable div，只想渲染第一个值，然后在模型更改时停止重新渲染。此处仅呈现

变量

的初始值

---

{{variable}}

使用

v-once

<div contenteditable="true" v-once> {{variable}} </div>

---

随着模态的变化？第一个

keyup

发生的那一刻？仅仅是主要用于组件渲染的变量的初始值，如果元素包含大量逻辑，我不能对其设置v-once。。我只想呈现文本一次，而不是包装在一个元素中。如果它包含很多逻辑，你是什么意思。？您可以将

v-once

放入一个简单的

div

；你也可以用一个组件来包装它，所以在content-editable div中我有很多v-on:，v-bind:等等。它只是我想渲染一次的实际文本节点，包含在{variable}}中，而不是包含的元素。只需用span

{variable}

来包装它，或者只需克隆要渲染的

变量

，而不修改克隆一个

<div contenteditable="true">
  <span v-once> {{variable}} </span>
</div>

<div contenteditable="true"> {{readOnlyVariable}} </div>