快上网专注成都网站设计 成都网站制作 成都网站建设
成都网站建设公司服务热线:028-86922220

网站建设知识

十年网站开发经验 + 多家企业客户 + 靠谱的建站团队

量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决

v-once、v-pre、v-cloak三个指令的用法

今天小编给大家分享的是v-once、v-pre 、v-cloak三个指令的用法。小编觉得挺实用的,为此分享给大家做个参考。一起跟随小编过来看看吧。

昭平网站制作公司哪家好,找创新互联!从网页设计、网站建设、微信开发、APP开发、成都响应式网站建设等网站项目制作,到程序开发,运营维护。创新互联自2013年创立以来到现在10年的时间,我们拥有了丰富的建站经验和运维经验,来保证我们的工作的顺利进行。专注于网站建设就选创新互联

v-once
当你只希望元素加载一次后面不再改变的时候,这个时候可以在根元素上添加这个指令。确保这些内容不会跟着数据改变而改变,只在初次页面加载时候计算一次然后缓存起来,v-once后面不用跟表达式

                   
   

v-pre
一些静态的内容不需要编译加上这个指令可以加快编译,程序执行的时候就会跳过这个元素和它的子元素的编译过程。v-pre后面也不用跟表达式

 

哈哈哈哈哈哈哈

v-cloak
这个其实是用在网络比较差 程序执行慢或卡的时候,浏览器可能会显示出如下页面

   
           

{{count}}

           

{{count}}

           

{{count}}

           

{{count}}

           

{{count}}

           
       

此时,模板还未挂载到页面上,真实数据还没显示出来,看起来比较丑,那怎么办 ,要不就找一个斗篷先遮住吧,等到模板挂载上去数据正常显示了,再把斗篷扔了。v-cloak后面也不用跟表达式

cloak   英[kləʊk]   美[kloʊk]
n.  (尤指旧时的) 披风,斗篷; 遮盖物;


    
    
        
           
               

{{count}}

               

{{count}}

               

{{count}}

               

{{count}}

               

{{count}}

           
       
           

看完上述内容,你们对v-once、v-pre 、v-cloak三个指令的用法大概了解了吗?如果想了解更多相关文章内容,欢迎关注创新互联行业资讯频道,感谢各位的阅读!


分享题目:v-once、v-pre、v-cloak三个指令的用法
分享URL:http://6mz.cn/article/psgsio.html

其他资讯