Vue-指令之{{ }}、v-text、v-html(基礎指令)

---什麼是Vue的指令?---

指令 (Directives) 是帶有 v- 前綴的html標籤的特殊屬性。指令屬性值應該是一個單獨的javascript表達式(V-for除外)。指令的工作是在其表達式的值發生變化時,將其產生的連帶影響,響應式地作用於 DOM。

其實通俗一點來講:Vue 中,通過一些特殊的語法,擴展了 HTML標籤 的能力。

(一)插值表達式 {{  }}

語法:

<標籤>{{ 表現的數據信息 }}</標籤>

數據信息:javascript表達式

表達式:常量、變量、各種運算符(算數、比較、邏輯、三元)

注意:變量值不改變的前提下,可以使用各種運算符表達式。

Dome:

效果:

(二) v-text

注意:

1-v-text所在的標籤如果有默認內容,其會覆蓋

2-{{ }}左右也可以提供默認內容,與插值表達式沒有關係

3-v-text如果和{{}} 同時存在,v-text覆蓋{{ }}

4-如果在網速慢的情況下,相比{{ }}來講,會出現 閃爍的效果,而v-text是不會有閃爍的,最多不給自己顯示。

Dome:

效果:

(三)拓展

<      &lt;

>      &gt; 

這個也很重要哦。

(四)v-html

Dome:

效果:

---下一章繼續講Vue其他指令---

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章