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; }
就可以解决闪烁
记录编程的点滴,体会学习的乐趣
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· TypeScript + Deepseek 打造卜卦网站:技术与玄学的结合
· Manus的开源复刻OpenManus初探
· AI 智能体引爆开源社区「GitHub 热点速览」
· 三行代码完成国际化适配,妙~啊~
· .NET Core 中如何实现缓存的预热?