【Vue】指令之v-text

103 阅读1分钟
【Vue】学习笔记——Vue常用指令之v-text & 插值表达式

v-text指令是设置标签的文本值的(textContent)。

1. v-text使用

关于v-text使用已经在 【Vue】指令之v-html 中介绍。

使用v-text的话会有一个缺点,就是不管你的标签里面原来的值是什么,都会被替换成v-text绑定的值,所以想要不被替换的话,就用另一种方法:插值表达式

2. 插值表达式

写法:{{ }}

通过如下实例代码验证:

image.png

还可以对它进行字符串的拼接,如下图所示:

image.png

3.总结:
  • v-text指令的作用是:设置标签的内容
  • v-text指令默认写法会替换标签的全部内容,使用插值表达式{{}}可以替换指定的内容。
  • v-text指令内部支持表达式

关于v-text 官方文档