vue中v-html与v-text的区别

v-html与v-text的区别

话不多说直接上代码------------------------------------------

    <div id="app">
      <!-- 如果变量作为属性值的话,不需要加{{}} -->
      <!-- html可以识别标签,有xss风险(可以通过html书写病毒,攻击网站)  text识别不了标签,把标签当做字符串处理 -->
      <div v-html="msg"></div><!--可以识别标签 -->
      <div v-text="msg"></div><!--不可以识别标签,把标签当做字符串处理 -->
      <div>{{msg}}</div>            			
    </div>
<script src="js/vue.js"></script>
    <script>
        new Vue({
            el:'#app',
            data:{
                msg:'<h1>这是标题</h1>'//这是一个标签
            }
        })   
    </script>
©️2020 CSDN 皮肤主题: 1024 设计师:上身试试 返回首页