vue显示问题优化，如何在页面加载时不让花括号{{}}显示

置顶夕阳沐雨

于 2020-06-10 09:20:34 发布

阅读量767

点赞数

分类专栏： vue javascript 文章标签： vue

本文链接：https://blog.youkuaiyun.com/qq_38194486/article/details/106647650

版权

javascript 同时被 2 个专栏收录

6 篇文章

订阅专栏

vue

4 篇文章

订阅专栏

vue显示问题优化，如何在页面加载时不让花括号{{}}显示，直接上源码：

<body>
  <style>
     [v-cloak]{
        display: none;
     }
   </style>
   <div id="app" v-cloak>
       {{ messgae }} {{ name }}
   </div>
   <script type="text/javascript">
       var app=new Vue(
         {
            el:"#app",
            data:{
              messgae:"hello Vue!",
              name:"Vue"
            }
         }
       );
   </script>
 </body>