v-once

v-once 指令使 HTML 元素只渲染一次，跳过所有后续更新。

示例

<script setup>
  import { ref } from 'vue';
  const input = ref("一些文本");
</script>

<template>
  <input v-model="input">
  <p v-once>{{ input }}</p>
</template>

在此示例中，即使通过 input 元素更改了 input 变量，p 元素的文本也不会改变。