0
点赞
收藏
分享

微信扫一扫

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


举报

相关推荐

0 条评论