[TOC] # v-text 在html中輸出data中的值了，我們已經用的是{{xxx}},這種情況是有弊端的，就是當我們網速很慢或者javascript出錯時，會暴露我們的{{xxx}}。Vue給我們提供的v-text,就是解決這個問題的。我們來看代碼 ~~~ <span>{{ message }}</span>=<span v-text="message"></span><br/> ~~~ 如果在javascript中寫有html標簽，用v-text是輸出不出來的，這時候我們就需要用v-html標簽了。 ~~~ <span v-html="msgHtml"></span> ~~~ ~~~ <div id="app"> <span v-text="dodo"></span> <br> <span>{{dodo}}</span> </div> <script type="text/javascript"> var app = new Vue({ el: '#app', data: { message: 'helloworld', dodo: '<h2>helloworld</h2>' } }); ~~~ 這種都是會把html標簽轉義的,如果想要不轉義,想要html標簽的結果 ~~~ <span v-html="dodo"></span> ~~~ 雙大括號會將數據解釋為純文本，而非HTML。為了輸出真正的HTML，你就需要使用v-html 指令。 需要注意的是：在生產環境中動態渲染HTML是非常危險的，因為容易導致XSS攻擊。所以只能在可信的內容上使用v-html，永遠不要在用戶提交和可操作的網頁上使用。