<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