Vue.js中的v-cloak指令

一、Vue.js中的v-cloak指令？

可以使用 v-cloak 指令设置样式，当网络较慢，网页还在加载 Vue.js ，而导致 Vue 来不及渲染，这时页面就会显示出 Vue 源代码，可以使用 v-cloak 指令来解决问题。
HTML:

<div id="app">
    <p v-cloak>{{msg+1+1+1+1+1+1+1+1+1+1+1}}</p>
</div>

引入Vue.js:

<script src="./js/vue.js"></script>

注意：需要引入你目录下的Vue.js
JavaScript:

<script>
        let vm = new Vue({
            el: "#app",
            data: {
                msg: 'Hello Word'
            }
        })
    </script>

Style:

<style>
        [v-cloak] {
            display: none;
        }
    </style>

此时我们再刷新网页就看不到一闪而过的vue源代码了，