v-text和v-html的区别-考必过

【摘要】 v-text和v-html的区别考必过小编为大家整理了关于v-text和v-html的区别的信息，希望可以帮助到大家！

v-text和v-html的区别

赋能行业回馈老用户-免费领1门建筑业技能课

标签：sageascripmessagecellsapp指令elementaci

　一、v-text

用于渲染普通文本，无论何时，绑定的数据对象上msg属性发生了改变，插值处的内容都会更新。

{{message}}

exportdefapt{ data () {return{ message:"这里可以包含html标签"} } }

　二、v-html

　如果你想输出真正的 HTML，你需要使用v-html指令，v-text仅渲染标签，不能解析 HTML 代码。

 

<script type="text/javascript">

varapp =newVue({

el:‘#app‘,//element

data: {

message:‘Hello Vue!‘,

}

})

</script>

v-text展示效果： Hello Vue!

v-html展示效果：HelloVue!

总结：v-text和{{}}表达式渲染数据，不解析标签。

　　　v-html不仅可以渲染数据，而且可以解析标签。

v-text和v-html的区别

标签：sageascripmessagecellsapp指令elementaci

以上就是v-text和v-html的区别的内容，更多资讯请及时关注考必过网站，最新消息小编会第一时间发布，大家考试加油！