vue——4-v-text v-html

版权声明：转发博客 请注明出处 否则必究 https://blog.csdn.net/lucky541788/article/details/82721258

<div id="enjoy">
    <!--之后拼接文本会显示-->
    <p>{{msg}} lucy</p>

    <!--v-text往标签注入文本，之后拼接文本不会显示-->
    <p v-text="msg"> lucy</p>

    <!--不可以向里面添加html标签-->
    <div>{{html}}</div>

    <!--v-html往标签注入html标签，之后拼接文本不会显示-->
    <!--注：v-html慎用，不安全-->
    <div v-html="html">
        {{html}}
        <input type="text">
    </div>
</div>

        {
            new Vue({
                el:'#enjoy',
                data:{
                    msg:'hello!',
                    html:'<input type="date"><br><input type="color">'
                }
            })
        }