# 體驗指令v-text|v-clock
從上面我們可以發現當網頁比較慢的時候,js還沒有加載完時,會出現 一閃的情況。

## 解決辦法01:
通過指令實現:指令是書寫在html標簽身上的功能。是Vue框架賦予了這個屬性的一些功能。
特點:書寫在標簽屬性上,當網絡不友好時,也不顯示其它字符,等全部加載完,再顯示到頁面中。
`v-html` 或者`v-text`
```html
<div id="app">
<span v-text="str"></span>
</div>
<script src="vue.js"></script>
<script>
var vm = new Vue({
el:'#app',
data:{
str:'你好'
}
})
</script>
```
方法1固然好,不過也會帶來麻煩 。因為我們在html標簽的內容通過`{{}}`語法書寫內容,非常靈活。而寫在`v-text`內部會顯得臃腫,而且效果還要進行字符串拼接。
如下:
```html
<div id="app">
<span>{{str}}你好</span>
</div>
```
```html
<div id="app">
<span v-text="str+'你好'"></span>
</div>
```
## 解決辦法02:斗篷(隱身衣)
新方法`v-cloak`:
書寫樣式`[v-cloak]`可以讓書寫vue代碼的部分全部隱藏。等Vue代碼加載和編譯完全,會讓其顯示出來。這樣就不會有跳的感覺。
```html
<style>
[v-cloak]{display: none;}
</style>
<div id="app" v-cloak>
<span>{{str}}</span>
</div>
<script src="vue.js"></script>
<script>
var vm = new Vue({
el:'#app',
data:{
str:'你好'
}
})
</script>
```