vue的特點元件化開發內建指令

指令：是vue提供給我們的一些特質的屬性這些屬性以v-開頭來幫助我們操作數據

這些指令都需要系結在html標籤上才能纔能使用

<標籤指令=「變數」></標籤>

1、數據的展示 a.差值表達式 {{變數}} b.指令 v-text c.指令 v-html

## 	 v-text原樣輸出  v-html可以解析html

2、vue提供給我們的常用的內建指令

v-text 給元素系結變數 v-html 給元素系結變數可以解析html v-bind:屬性=「變數」給標籤系結動態的屬性

簡寫：屬性=「變數」 v-for 回圈遍歷陣列或者物件 <標籤 v-for="(item,key) in 變數"></標籤>

v-on:事件名=「方法」簡寫 @事件名=「方法」 v-show 控制元素或者元件的顯示和隱藏 v-if
控制元素或者元件的顯示和刪除

當條件爲真的情況下，都是顯示元素，當條件爲假的時候v-show是給元素新增display:none,v-if是直接刪除元素
v-show有更高的渲染成本 v-if有更高的切換成本所以頻繁的切換需要v-show

v-model系結表單元素實現數據的雙向系結
v-clock 解決差值表達式的閃爍問題

[v-clock]{ display:none }