vue text,v-text和v-html的区别
本文主要介绍了{{}}、v-text和v-html在vue中的区别和应用。本文通过一个简单的案例来说明对这项技术的理解和使用。以下是详细内容,有需要的朋友可以参考一下。
{{}}在不清空标签原始内容的情况下获取值。
V-text获取值,这将清空标签的原始内容并输出纯文本。
如果值是通过v-html获得的,标签的原始内容将被清除。如果数据包含html标签,它将被解析为html标签并输出。
!声明文档类型
html lang=en
头
meta charset=UTF-8
标题标题/标题
/头
身体
div id=应用程序
p早上好{{info}}/p
早上好/p
P-html= info 早上好/p
整点
p v-text=addrhhh/p
p v-html=addrhhh/p
整点
p v-text=addr2hhh/p
p v-html=addr2hhh/p
/div
/body
/html
script src=js/vue.js/script
脚本
新Vue({
埃尔: #app ,
数据:{
信息:“好”,
Addr: a href= 3359 www.baidu.com 点击进入百度/a ,
addr 2: a href= 3359 www . Baidu . com rel= external no follow Baidu/a
}
});
/脚本
关于vue中{{}}、v-text、v-html的区别和应用的这篇文章就到这里了。更多关于vue中{{}}、v-text、v-html的区别和应用,请搜索我们之前的文章或者继续浏览下面的相关文章。希望大家以后能多多支持我们!
郑重声明:本文由网友发布,不代表盛行IT的观点,版权归原作者所有,仅为传播更多信息之目的,如有侵权请联系,我们将第一时间修改或删除,多谢。