vue小结(二)v-text与v-html

一、v-text与v-html

v-text指令的作用是:设置标签的内容(textContent),默认写法会替换全部内容,使用差值表达式{{}}可以替换指定内容, 内部支持写表达式。



v-html指令的作用是:设置元素的innerHTML,内容中有html结构会被解析为标签,v-text指令无论内容是什么,只会解析为文本,解析文本使用v-text,需要解析html结构使用v-html。



除此之外还有v-once、v-pre等标签,具体可以参看官方文档:<a href="https://cn.vuejs.org/v2/api" target="_blank" rel="noopener noreferrer">https://cn.vuejs.org/v2/api</a>&nbsp;。

二、操作示例

代码如下:



<br />



    
    Document


  
   

{{msg}}

{{msg}}

上面的代码效果如下:



<img src="https://www.361way.com/wp-content/uploads/2019/06/vue-text-html.png" width="252" height="222" title="vue-text-html" alt="vue-text-html" />

发表回复

您的电子邮箱地址不会被公开。 必填项已用*标注