Vue部分编译不生效,解决Vue渲染时候会闪一下

<script src="vue.js"></script>
<div>
    <p v-pre>{{msg}}</p>                  //网页中显示{{msg}}
    <p >{{msg}}</p>                       //网页中显示66
</div>

<script>
    new Vue({
        el:'div',
        data:{
            msg:'66'
        },
    })
</script>

<script src="vue.js"></script>             //导入放前面
<div>
    <p >{{msg}}</p>                       //网页中显示66
</div>

<script>
    new Vue({
        el:'div',
        data:{
            msg:'66'
        },
    })
</script>

<style>
    [v-cloak]{display:none}
<</style>   
<div>
    <p v-cloak>{{msg}}</p>                  
</div>
<script src="vue.js"></script>
<script>
    new Vue({
        el:'div',
        data:{
            msg:'66'
        },
    })
</script>