v-text指令
-
预期:
string
-
详细:
更新元素的textContent
。如果要更新部分的textContent
,需要使用{{ Mustache }}
插值。 -
示例
<span v-text="msg"></span>
<!-- 和下面的一样 -->
<span>{{msg}}</span>
- 参考 数据绑定语法 - 插值
插值
文本
数据绑定最常见的形式就是使用"Mustache"语法(双大括号)的广本插值:
<span>Message: {{ msg }}</span>
Mustache 标签将会被替代为对应数据对象上 msg 属性的值。无论何时,绑定的数据对象上 msg 属性发生了改变,插值处的内容都会更新。
通过使用 v-once 指令,你也能执行一次性地插值,当数据改变时,插值处的内容不会更新。但请留心这会影响到该节点上的其它数据绑定:
<span v-once>这个将不会改变: {{ msg }}</span>