Vue小白篇 - Vue 的指令系统 (1) v-text、v-html
v-text:相当于innerText
v-html:相当于innerHTML
<div id="box">
{{ msg }}
<div v-text="msg"></div> <!--渲染文本-->
<div v-html="msg"></div> <!--可以渲染标签-->
</div>
<script src="vue.js"></script>
<script>
new Vue({
el: '#box',
data () {
// data 中是一个函数,函数中 return 一个对象,可以是空对象,但不能不return
return {
msg: '<h2>好嗨哟</h2>'
}
}
});
</script>