初识Vue 3.0 —— v-once : 一次性地插值
七娃博客27 次
<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
评论 | 0 条评论