Vue中v-cloak指令有什么用

这篇文章主要介绍Vue中v-cloak指令有什么用,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!

创新互联公司长期为上千多家客户提供的网站建设服务,团队从业经验10年,关注不同地域、不同群体,并针对不同对象提供差异化的产品和服务;打造开放共赢平台,与合作伙伴共同营造健康的互联网生态环境。为钟山企业提供专业的网站建设、成都做网站,钟山网站改版等技术服务。拥有十载丰富建站经验和众多成功案例,为您定制开发。

v-cloak

这个指令是用来保持在元素上直到关联实例结束时进行编译。


    
        {{message}}     
    new Vue({       el:'#app',       data:{         message:'hello world'       }     })

在页面加载时会闪烁(插值闪烁问题),先显示:

    {{message}}

然后才会编译为:

    hello world!

可以用 v-cloak 指令解决插值表达式闪烁问题,v-cloak 在 css 中用属性选择器设置为 display: none;

以上是“Vue中v-cloak指令有什么用”这篇文章的所有内容,感谢各位的阅读!希望分享的内容对大家有帮助,更多相关知识,欢迎关注创新互联行业资讯频道!


网站题目:Vue中v-cloak指令有什么用
文章来源:http://csruizhi.cn/article/igjehs.html

其他资讯

Copyright © 2007-2024 成都优众联杰科技有限公司 All Rights Reserved 蜀ICP备2024116266号
友情链接: 成都网站设计公司 网站制作 高端定制网站设计 手机网站设计 成都网站建设 成都网站设计 成都网站制作 网站设计公司 成都网站建设 成都营销网站制作 H5网站制作 成都网站设计 高端网站设计 成都网站建设流程 成都网站制作 梓潼网站设计 网站建设 商城网站建设 手机网站制作 手机网站建设套餐 重庆网站建设 app网站建设