今天給朋友們介紹Vue指令的用處：
- v-bind - - 可簡寫為 : 動态綁定屬性值的時候使用
- v-on - - 可簡寫為 @ 添加事件監聽的時候使用
- v-model - - 與資料實時關聯，一般用于input，textarea
- v-text - - 設定文本内容
- v-html - - 設定html文本
- v-pre - - 保留格式
- v-clock - - 一般與[v-cloak] { display: none }一起用，在資料未渲染時隐藏資料
- v-if - - 用作判斷元素是否顯示
- v-else - - 與v-if配對使用（與JS當中的if else 一樣）
- v-else-if - - 同上
- v-for - - 循環周遊某數組，數組多長就周遊多少次添加多少次的DOM
- v-show - - 用作顯示隐藏元素
- v-slot - - 插槽
- v-once - - 隻渲染元素群組件一次。随後的重新渲染，元素/元件及其所有的子節點将被視為靜态内容并跳過。這可以用于優化更新性能。
v-if與v-show都是用作于顯示隐藏元素，那麼它們有什麼差別呢？
- v-if是建立和移除DOM
- v-show是修改DOM的display的屬性值
- v-if一般用作于少次數的顯示隐藏DOM，因為它的切換開銷比較大。
- v-show一般用作于頻繁的顯示隐藏DOM，但是初始化的時候不建議使用，因為它的初始化開銷比較大。
小總結：
隻初始化一次的時候用v-if