解决使用Vue.js,网速过慢是会暴露Vue的代码
2019-06-14 14:56
2356 查看
我们在使用Vue.js时,网页刷新会先加载页面,在加载引入的Vue.js,有时网速过慢时,会暴露我们的代码
等到Vue.js加载完毕后,才会显示我们的数据
这个过程时间有长有短,完全取决于网速,这样就会影响用户体验,针对这一情况我们需要
CSS
[code][v-cloak]{ display: none; }
HTML
[code]<p v-cloak>{{msg}}</p>
JS
[code]new Vue({ el:"#app", data:{ msg:"Hello World" } })
这样就不会出现上面的情况了
相关文章推荐
- 解决使用Vue.js显示数据的时,页面闪现原始代码
- 解决使用Vue.js显示数据的时,页面闪现原始代码的问题
- 解决使用Vue.js显示数据的时,页面闪现原始代码
- Selenium Webdriver 的使用java执行js代码 解决 ScriptEngine不支持浏览器内置对象window,document的问题
- vue.js 使用v-if v-else发现没有执行解决办法
- Vue.js 使用v-cloak后仍显示变量的解决方法
- vue.js学习10之动手使用vue-cli搭建项目及生成的代码进行修改练手
- 史上最全的CSS hack方式一览 jQuery 图片轮播的代码分离 JQuery中的动画 C#中Trim()、TrimStart()、TrimEnd()的用法 marquee 标签的使用详情 js鼠标事件 js添加遮罩层 页面上通过地址栏传值时出现乱码的两种解决方法 ref和out的区别在c#中 总结
- 关于Vue.js 使用v-cloak后仍显示变量的解决方法
- vue.js使用代理和使用Nginx来解决跨域的问题
- vue.js 中使用(...)运算符报错的解决方法
- 如何解决ecshop中jquery冲突?使用jquery.json.js代替transport.org.js中部份代码,完美解决问题。
- 解决vue.js使用ckeditor的样式路径问题
- 使用vue.js实现联动效果的示例代码
- Vue.js devtool插件安装后无法使用的解决办法【最简单有效的解决方法】
- Vue.js暴露方法给WebView使用
- 关于Vue.js 使用v-cloak后仍显示变量的解决方法
- 使用Vue.js加sass时遇到 Invalid CSS after ".xxx{": expected "}", was "{" 错误的解决方法
- vue.js中toast用法及使用toast弹框的实例代码
- vue中使用gojs/jointjs的示例代码