过去的习惯,决定今天的你,所以,过去的懒惰,决定你今天的一败涂地。人来到这世界后,命运注定了他必须要拼搏,奋斗,坚持,勇敢地走下去,走出属于自己的道路,没有人能不劳而获。
双大括号会将数据解释为普通文本,而非 HTML 代码。为了输出真正的 HTML,你需要使用 v-html 指令,例如:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<script src="https://cdn.jsdelivr.net/npm/vue@2.5.16/dist/vue.js"></script>
</head>
<body>
<script>
Vue.config.productionTip=false;
Vue.config.devtools=false;
</script>
<div id="app">
<p>{{message}}</p>
<p v-html="message"></p>
</div>
<script>
var app = new Vue({
el:'#app',
data:{
message:'<span style="color:#f00">Hell World!</span>'
}
})
</script>
</body>
</html> 以上就是Vue.javascript源码分析(十九)指令篇v-html和v-text指令详解。生活,就是一首歌谣,用舒缓的旋律,低吟忧伤与温馨,生活,就是一首诗词,用精彩的文字,谱写快乐与悲伤,生活,就是零星琐碎生活,就是点滴温暖,生活,就是有一些小悲伤,人生,也会有许多小幸福。更多关于Vue.javascript源码分析(十九)指令篇v-html和v-text指令详解请关注haodaima.com其它相关文章!




