v-html与v-text,v-text和v-html的区别

【摘要】

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

v-text和v-html的区别

标签：sageascripmessagecellsapp指令elementaci

一、v-text

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

1

2

3

{{message}}

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

二、v-html

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

1

2

3

4

5

6

7

8

9

varapp =newVue({

el:‘#app‘,//element

data: {

message:‘Hello Vue!‘,

}

})

v-text展示效果： Hello Vue!

v-html展示效果：HelloVue!

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

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

v-text和v-html的区别

标签：sageascripmessagecellsapp指令elementaci

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