12 - 优化性能的指令

[Ly-TiR]

//  v-once
<script setup>
import { ref } from 'vue';

const count = ref(0);

setInterval(() => {
  count.value++;
}, 1000);
</script>

<template>
  <span v-once>Make it never change: {{ count }}</span>
</template>

//  v-memo="[]"
<script setup>
import { ref } from 'vue';

const count = ref(0);

setInterval(() => {
  count.value++;
}, 1000);
</script>

<template>
  <span v-memo="[]">Make it never change: {{ count }}</span>
</template>