在页面渲染时，短暂出现，不是直接显示 Hello Vue!
1
2
3
4
5
6
7
8
9
10
11
12
13
| <div id="app">
{{ message }}
</div>
<script>
var app = new Vue({
el: '#app',
data() {
return {
message: 'Hello Vue!',
}
}
</script>
|
解决方法：使用 v-cloak，标签中直接使用 v-cloak，样式中添加
1
2
3
4
5
6
7
8
9
| <style type="text/css">
[v-cloak] {
display: none;
}
</style>
<div id="app" v-cloak>
{{ message }}
</div>
|