<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>vue的模板语法(v-html)</title>
<script src="vue.js" type="text/javascript" charset="utf-8"></script>
</head>
<body>
<div id="app" v-once>
{{message}}
<p>{{rawhtml}}</p>
<p v-html="rawhtml"></p>
</div>
<script type="text/javascript">
var vm=new Vue({
el: '#app',
data :{
message: 'hello Vue!',
rawhtml:'<span style="color:red">this is red color!</span>'
}
});
vm.message="hi,good!"; //v-once 不更新数据
</script>
</script>
</body>
</html>
【四二学堂】模板语法之二(v-html:vue系列入门示例之六)
猜你喜欢
转载自blog.csdn.net/weixin_39593940/article/details/105048252
今日推荐
周排行