vue学习之v-cloak 

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
        <style type="text/css">
            [v-cloak]{
                display: none;
            }
        </style>
    </head>
    <body>
        <div id="app">
            <!-- 隐藏未被解析的mustache语法的标签直到实例化完成 -->
            <h2 v-cloak>{{message}}</h2>
        </div>
    </body>
</html>
<script src="../../js/vue.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
    setTimeout(function(){
        const app = new Vue({
            el:'#app',//决定vue挂载到哪个对象
            data:{
                message:'你好'
            }
        })
    },1000)
</script>

 

posted @ 2020-06-04 17:13  神女卑弥呼  阅读(86)  评论(0)    收藏  举报