1. 程式人生 > >[vue] v-text指令

[vue] v-text指令

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>