vue页面初始化时出现{{}}等vue语法问题解决

问题描述

使用vue时,初次打开页面,页面会出现vue语法,虽然很快就会被渲染覆盖,但很影响用户体验。

解决

在标签上增加v-cloak, 页面增加style即可。代码如下:

<style>
    [v-cloak] {
        display: none;
    }
</style>
<script>
$(document).ready(function () {
    new Vue({
      el: '#app',
    })
})
</script>
<div id="app" v-cloak>
...
</div>
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 本章内容:认识 Vue.js、数据绑定、计算属性、内置指令 一、初始 Vue.js 1.1 Vue.js 是什么 ...
    了凡和纤风阅读 5,653评论 0 13
  • 一、了解Vue.js 1.1.1 Vue.js是什么? 简单小巧、渐进式、功能强大的技术栈 1.1.2 为什么学习...
    蔡华鹏阅读 3,382评论 0 3
  • ## 框架和库的区别?> 框架(framework):一套完整的软件设计架构和**解决方案**。> > 库(lib...
    Rui_bdad阅读 2,973评论 1 4
  • 33、JS中的本地存储 把一些信息存储在当前浏览器指定域下的某一个地方(存储到物理硬盘中)1、不能跨浏览器传输:在...
    萌妹撒阅读 2,112评论 0 2
  • a(传值页面) b(接收值的页面) 可以在页面a用encodeURI 编码url 在b页面用decodeURI解...
    Geek大姚阅读 2,709评论 0 0