v-cloak--Vue学习第一天

Auspicious_Sunny

已于 2022-10-12 21:32:20 修改

阅读量78

点赞数

分类专栏： vue 文章标签： vue.js 学习前端

于 2022-10-12 21:26:16 首次发布

本文链接：https://blog.csdn.net/weixin_45261174/article/details/127291159

版权

vue 专栏收录该内容

8 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
   <head>
       <meta charset="utf-8">
       <title></title>
       <style>
           [v-cloak]{
               display: none;
           }
       </style>
   </head>
   <body>

       <div id="app" v-cloak>
           <h2>{{message}}</h2>
           <h2>{{msg}}</h2>
       </div>
       <script src='../js/vue.js'></script>
       <script>
           setTimeout(function(){
               const app = new Vue({
                   el:'#app',
                   data:{
                       message:'你好',
                       msg:'嗯嗯'
                   }
               })
           },1000)

       </script>

   </body>
</html>