189 8069 5689

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指令有什么用
网站URL:http://jkwzsj.com/article/igjehs.html

其他资讯