Vue基础-⽂本显⽰，v-html插⼊html代码1. 显⽰内容 {{}}
<div id="app">
<p>{{ message }}</p>
</div>
<script>
new Vue({
el: '#app',  //el是选择元素的挂载节点，这⾥#是加⽗节点id
data: {      //赋值
message: 'Hello Vue.js!'
}
})
</script>
效果：
<div id="app">
<p>Hello Vue.js!</p>
</div>
2. v-html
<div id="app">
<div v-html="message"></div>  <!--⽣成的代码会在这个元素⼦节点⽣成。-->
</div>
<script>
new Vue({
el: '#app',
data: {
message: '<h1>aaa</h1>'
}
})
ElementById('app').innerHTML);
</script>
效果：
将html代码显示为文本
<div id="app">
<div v-html="message"><h1>aaa</h1></div>
</div>

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。