v-cloak 解决闪动问题
<style type="text/css">
[v-cloak]{
display: none;
}
</style>
<body>
<div id="app" v-cloak>
{{message}}
</div>
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
<script type="text/javascript">
// 在vue 解析之前，div中有一个属性 v-cloak
// 在vue 解析之后，div中没有属性 v-cloak
// 声明式编程
// let(变量) / const(常量)
let app = new Vue({
el:"#app", // 用于挂载要管理的元素
data:{ // 定义数据
message:'你好'
},
methods:{ // 定义方法
}
})
</script>
</body>