Vue v-once one-time rendering
v-once Demo
<template>
<div style="text-align: center;" id="Application">
<!-- The button content is rendered only once and will not update when the count changes -->
<button v-once :click="$event.target.innerText = 'Clicked'">{{ count }} clicks</button>
</div>
</template>
<script>
export default {
data() {
return {
count: 0
}
},
methods: {
clickButton() {
this.count += 1;
}
},
};
</script>