v-text & v-html 指令
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><script type="text/javascript" src="../assets/js/vue.js"></script><title>v-text & v-html 案例</title></head><body><h1>v-
·
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<script type="text/javascript" src="../assets/js/vue.js"></script>
<title>v-text & v-html 案例</title>
</head>
<body>
<h1>v-text & v-html 案例</h1>
<hr>
<div id="app">
<!--{{xxx}}这种方式不太友好,网速慢的时候是先显示{{xxx}},再替换内容-->
<!--建议使用v-text、v-html(谨慎使用,可能引起跨站脚本攻击)-->
<span>{{ message }}</span>=<span v-text="message"></span><br/>
<span v-html="msgHtml"></span>
</div>
<script type="text/javascript">
var app = new Vue({
el:'#app',
data:{
message:'hello Vue!',
msgHtml:'<h2>hello Vue!</h2>'
}
});
</script>
</body>
</html>
更多推荐
已为社区贡献4条内容
所有评论(0)