Vue 常见指令

V-bind   //一般绑定data中的数据,用于响应式更新数据
V-if    //根据true或false来决定是否显示
V-on  //监听Dom事件,比如点击
V-show  //跟v-if类似,但html元素依然存在,相当于display:none
V-html   //插入html
V-for  //循环
V-text  //渲染文本内容
V-cloak   //和CSS规则如 [v-cloak] { display: none } 一起用,可以隐藏未编译的 Mustache 标签直到实例准备完毕

解读一下 

v-cloak:

cloak   遮盖物。斗篷

由于网速等原因,加载慢的时候,原本应该绑定data的Mustache标签,比如 {{name}} ,没把值赋上去,会直接显示源码。

这样屏幕会有一个跳动闪现数据的情况。

而加入v-cloak:

<div id="app" v-cloak>
    {{context}}
</div>

再声明

[v-cloak]{
    display: none;
}

就可以解决闪烁

posted @   RookieCoderAdu  阅读(29)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· TypeScript + Deepseek 打造卜卦网站:技术与玄学的结合
· Manus的开源复刻OpenManus初探
· AI 智能体引爆开源社区「GitHub 热点速览」
· 三行代码完成国际化适配,妙~啊~
· .NET Core 中如何实现缓存的预热?
点击右上角即可分享
微信分享提示