解决使用Vue.js显示数据的时，页面闪现原始代码

Jsky
2020-07-27 16:22:25
前端
css Vue

今天开始学习Vue.js的使用，但是在学习过程中发现一个问题，那就是页面加载数据时，原始代码会闪现一下。

查访各方资料，终的解决方法。

<!DOCTYPE html>  
<html>  
<head>  
<meta charset="UTF-8">  
<title>Vue.js Demo</title>  
<style  type="text/css">  
    [v-cloak] {  
        display: none;  
    }  
</style>  
</head>  
<body>  
    <!--这是View  -->  
    <div id="app" v-cloak>  
        <h1>{{message}}</h1>  
        <h1>{{name}}</h1>  
    </div>  
</body>  
<script type="text/javascript" src="../js/vue.js"></script>  
<script type="text/javascript">  
    //模型数据Model  
    var exeData = {  
        message : "Hello World",  
        name:"我是Vue"  
    };  
  
    //View实例，也就是View-Model(VM)  
    new Vue({  
        el : "#app",  
        data : exeData  
    })  
</script>  
</html>

文章原地址：https://blog.csdn.net/kandeet/article/details/77948533#