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 生命周期挂钩
截取页面反馈部分，让我们更快修复内容！也可以直接跳过填写反馈内容!