首页 > 其他 > 详细

一起学vue指令之v-text

时间:2019-12-15 17:27:23      阅读:84      评论:0      收藏:0      [点我收藏+]

一起学vue指令之v-text

指令可看作标签属性

v-text的功能和v-html很相似,都是在容器标签内控制字符串内容的输出,v-text输出纯文本,而v-html输出解析后的文本,该文本会覆盖掉原来的标签内容值。

技术分享图片
v-text和v-html功能类似,覆盖标签内容值

如果是纯文本输出,那么输出的字符串结果和插值输出【mustache】一样。

技术分享图片
插值输出和v-text

但是v-text不常用,因为它组合字符串不够灵活,使用插值输出,字符串内容可以任意拼接,但是v-text会覆盖掉原来的容器值。

技术分享图片
v-text不常用

技术分享图片
enter description here

一起学vue指令之v-text

原文:https://www.cnblogs.com/singledogpro/p/12044544.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!