初识Vue 3.0 —— v-once : 一次性地插值

<h5>8.v-once一次性地插值，数据再发生变化就不再更新了:</h5>
<p class="oncebox" ><span v-once>我是一次性值：{{onceV}}</span></p>
<pre>注意:v-once必须放到绑定元素的子元素上</pre>
<script type="text/javascript"> 
 	//一次性数据测试
	const onces = {
		data(){
return{
	onceV:0
}
		},
		mounted(){
setInterval(()=>{
	this.onceV++
},1000)
		}
	}
	Vue.createApp(onces).mount(".oncebox"); 
</script>

交互效果见：https://course.51qux.com/vue3-0-1

版权声明：原创作品，允许转载，转载时请务必以超链接形式标明文章 原始出处 、作者信息和本声明。否则将追究法律责任。

转载请注明来源： 初识Vue 3.0 —— v-once : 一次性地插值 - Qui-Note