首页 > 其他 > 详细

vue指令之v-pre

时间:2021-09-13 11:12:21      阅读:23      评论:0      收藏:0      [点我收藏+]

v-pre属性的作用是跳过该元素编译过程,直接显示元素内部的文本,特点就是跳过大量的没有指令的节点。

 1    <div id="app" >
 2         <h2 v-pre>{{a}}</h2>      
 3     </div>
 4     <script src = "js/vue.js"></script>
 5     <script>
 6         var vue = new Vue({
 7             el: "#app",
 8             data: {
 9                 a: 100
10             }, 
11             
12         })
13     </script>

 

技术分享图片

 

 

浏览器显示的就是没有编译之前的h2元素中的文本内容,v-pre属性的有点就是优化页面的加载性能。

vue指令之v-pre

原文:https://www.cnblogs.com/keyeking/p/15260639.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!