vue中{{}},v-text和v-html的区别有什么

  介绍

小编给大家分享一下vue中{{}},v-text和v-html的区别有什么,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获、下面让我们一起去了解一下吧!

<李>

{

{}}获取值,不会清空标签原有内容

<李>

v-text获取值,会清空标签原有内容,输出的是纯文本

<李>

v-html获取值,会清空标签原有内容,若数据中包含html标签,将其当html标签解析后输出

& lt; ! DOCTYPE  html>   & lt; html  lang=癳n"祝辞   & lt; head>   ,,,& lt; meta  charset=癠TF-8"比;   ,,,& lt; title> Title   & lt;/head>   & lt; body>   & lt; div  id=癮pp"祝辞      ,,,& lt; p>上午好{{信息}}& lt;/p>   ,,,& lt; p  v-text=癷nfo"在上午好& lt;/p>   ,,,& lt; p  v-html=癷nfo"在上午好& lt;/p>   ,,,& lt; hr>   ,,,& lt; p  v-text=癮ddr"祝辞hhh

  ,,,& lt; p  v-html=癮ddr"祝辞hhh

  ,,,& lt; hr>   ,,,& lt; p  v-text=癮ddr2"祝辞hhh

  ,,,& lt; p  v-html=癮ddr2"祝辞hhh

  & lt;/div>      & lt;/body>   & lt;/html>   & lt; script  src=癹s/vue.js"祝辞& lt;/script>   & lt; script>   ,,,Vue ({new    ,,,,,,,埃尔:“# app"   ,,,,,,,数据:{   ,,,,,,,,,,,信息:“好,,   ,,,,,,,,,,,addr:“& lt; a  href=& # 39; https://www.baidu.com& # 39;在点击进入百度& lt;/a>“   ,,,,,,,,,,,addr2: & # 39; & lt; a  href=癶ttps://www.baidu.com", rel=癳xternal  nofollow",在百度& lt;/a> & # 39;   ,,,,,,,}   ,,,});   & lt;/script>

 vue中{{}},v-text和v-html的区别有什么

以上是“vue中{{}},v-text和v-html的区别有什么”这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注行业资讯频道!

vue中{{}},v-text和v-html的区别有什么