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

阅读 72

2022-09-14


<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​​


精彩评论(0)

0 0 举报