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

  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的观点,版权归原作者所有,仅为传播更多信息之目的,如有侵权请联系,我们将第一时间修改或删除,多谢。

留言与评论(共有 条评论)
   
验证码: