Vue v-once 指令
示例
使用 v-once 指令僅渲染一次 <img> 元素。
<template>
<h1>v-once Example</h1>
<p>The image is only rendered once. Changing the image source does not have any effect.</p>
<img v-once v-bind:src="imgUrl[imgIndex]">
<p>Img src: '{{ imgUrl[imgIndex] }}'</p>
<button v-on:click="changeImg">Change image</button>
</template>
定義和用法
v-once 指令用於僅渲染一次元素。
透過僅渲染一次元素，可以提高效能。
當一個元素具有 v-once 指令時，在第一次渲染後，其所有子元素也會變成靜態的。
可以透過 v-memo 指令來限制元素被渲染的頻率，以提高效能。
相關頁面
Vue 參考：Vue v-memo 指令
Vue 教程：Vue v-bind 指令
Vue 教程： Vue v-on 指令
Vue 教程： Vue 方法
Vue 教程：Vue 生命週期鉤子
