---什麼是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:
效果:
(三)拓展
< <
> >
這個也很重要哦。
(四)v-html
Dome:
效果:
---下一章繼續講Vue其他指令---