【Vue】学习笔记——Vue
常用指令之v-text
& 插值表达式
v-text
指令是设置标签的文本值的(textContent
)。
1. v-text使用
关于v-text
使用已经在 【Vue】指令之v-html 中介绍。
使用
v-text
的话会有一个缺点,就是不管你的标签里面原来的值是什么,都会被替换成v-text
绑定的值,所以想要不被替换的话,就用另一种方法:插值表达式
。
2. 插值表达式
写法:
{{ }}
通过如下实例代码验证:
还可以对它进行字符串的拼接,如下图所示:
3.总结:
v-text
指令的作用是:设置标签的内容v-text
指令默认写法会替换标签的全部内容,使用插值表达式{{}}
可以替换指定的内容。v-text
指令内部支持表达式
关于
v-text
官方文档