記Vue標籤差別

最近在工做要負責維護公司內部的一個管理系統，前端採用vue來開發，對有些標籤的差別不是特別理解，到網上看了如下你們是怎麼理解的，如下是個人總結。

v-model v:bind
v-model是雙向綁定
v:bind是單向綁定
如下兩句是等價的
<input v-model="message">
<input v-bind:value="message" v-on:input="message = $event.target.value" />

v-show v-if
v-if 是「真正的」條件渲染，由於它會確保在切換過程當中條件塊內的事件監聽器和子組件適當地被銷燬和重建。
v-if 也是惰性的：若是在初始渲染時條件爲假，則什麼也不作——直到條件第一次變爲真時，纔會開始渲染條件塊。
相比之下， v-show 就簡單得多——無論初始條件是什麼，元素老是會被渲染，而且只是簡單地基於 CSS 進行切換。
通常來講， v-if 有更高的切換開銷，而 v-show 有更高的初始渲染開銷。所以，若是須要很是頻繁地切換，則使用 v-show 較好；若是在運行時條件不太可能改變，則使用 v-if 較好。