標籤：html set 需要 動態 ice xss攻擊 charset oct src
我們已經會在html中輸出data中的值了，我們已經用的是{{xxx}},這種情況是有弊端的，就是當我們網速很慢或者javascript出錯時，會暴露我們的{{xxx}}。Vue給我們提供的v-text,就是解決這個問題的<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,initial-scale=1"> <title>v-text&v-html</title> <script type="text/javascript" src="../assets/js/vue.js"></script></head><body><h1>v-text&v-html</h1><hr><div id="app"> <span>{{message}}</span>=<span v-text="message"></span><br/> <span v-html="dodo">{{dodo}}</span></div><script type="text/javascript"> var app = new Vue({ el:‘#app‘, data:{ message:‘hello world‘, dodo:‘<h2>hello woeld!</h2>‘ } })</script></body></html>
需要注意的是：在生產環境中動態渲染HTML是非常危險的，因為容易導致XSS攻擊。所以只能在可信的內容上使用v-html，永遠不要在使用者提交和可操作的網頁上使用。
v-text & v-html
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
