加了一个setTimeout事件,时间设置为10s,图一是未编译完之前,图二是编译完之后(10s之后)。
v-cloak:在页面编译完之前样式是
编译完之后是
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<style>
[v-cloak]{
color:red;
}
div{
color:green;
}
</style>
<script src="./vue.js"></script>
</head>
<body>
<div id="app">
<h2 v-cloak>{{msg}}</h2>
<h2 v-pre>{{msg}}</h2>
<input type="text" v-model = "msg" name="">
</div>
<script>
setTimeout(function(){
new Vue({
el:"#app",
components:{
},
data:{
msg:"你好呀"
},
methods:{
}
})
},10000)
</script>
</body>
</html>