# 體驗指令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>
```
