Vue 组件属性值绑定一次生效：v-once 指令
可以使用 Vue 的 'v-once' 指令来让组件属性值绑定只在第一次渲染时生效。'v-once' 指令会将绑定的值缓存起来，不再更新。
例如：
<template>
<div v-once>
<h1>{{ title }}</h1>
<p>{{ content }}</p>
</div>
</template>
<script>
export default {
data() {
return {
title: 'Hello',
content: 'World'
}
}
}
</script>
在上面的例子中，`
` 元素和其内部的内容都会只在第一次渲染时生效。如果 'title' 或 'content' 的值发生了改变，它们不会再更新到模板中。
原文地址: https://www.cveoy.top/t/topic/myd9 著作权归作者所有。请勿转载和采集!