Vue 解决因网络延时 页面中的{{XXX}}模板直接展示在用户面前，配合v-cloak指令
2024-10-20 04:21:35
v-cloak指令：
1、本质是一个特殊属性，Vue实例创建完毕并接管容器后，会删掉 v-cloak属性
2、使用 CSS配合v-cloak可以解决网速慢时，页面展示出{{XXX}}模板的问题
案例:
1、可能会出问题的写法：
html:
<h2 > {{name}} </h2>
调用网络上的Vue.js，网速慢时，会出现如下效果：
2、正确写法：
html:
<h2 v-clock> {{name}} </h2>
css：
[v-cloak]{
display:none
}
加入v-cloak 配合 css 后，网速慢会先不显示，等加载了vue后，直接显示渲染后的内容
学习链接：https://www.bilibili.com/video/BV1Zy4y1K7SH?p=42&vd_source=60a28e8364654bee938864b1d19905ec
42
最新文章
- linux 下 apache相关；启动、停止、重启命令；配置文件位置等等
- chrome启用 NPAPI [转]
- Python-面向对象编程(二)
- iOS CLLocationManager 定位
- ASP.NET MVC 返回JsonResult序列化内容超出最大限制报错的解决办法
- ajax中返回包含html的奇葩问题
- Xtext什么
- IOS UI 第三篇：基本UI
- npm Error: Cannot find module './auth.js'
- django----Form提交按钮
- 你可能不知道的github语法——图标
- Maven_3 如何从Maven远程存储库下载
- SpringBoot处理静态资源的两种方式
- JavaScript面向对象之创建类和方法
- newcoder H肥猪（单调队列 / 线段树）题解
- 嵌入式系统WinCE下应用程序GUI界面开发【转】
- java项目中的路径获取,request
- hadoop--hive数据仓库
- Java线程池及其底层源码实现分析
- 数据结构（二） --- 伸展树（Splay Tree）