Vue小白篇 - Vue 的指令系统 (1) v-text、v-html

2024-10-07 13:43:42

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>

最新文章

热门文章