2.4.2　v-text指令介绍

v-text指令为Vue定义的取值指令，可以将在data选项中定义的属性输出到指定的标签，与v-html不同的是它会将属性的值完全以字符串的形式输出到网页，不会执行任何解析代码的操作。v-text必须在双标签上使用，操作方式与v-html相同，v-text的效果与{{}}表达式效果相同，但是使用方式没有其灵活，所以v-text的使用场景相对较少。

图2-2　v-html指令案例

接下来学习如何在Vue中使用v-text指令，代码如下：

运行结果如图2-3所示。

图2-3　v-text指令案例