插槽

默認、具名（多個插槽）、作用域（接收子組件數據）

//具名
<div class="container"><header><slot name="header"></slot></header><main><slot></slot></main><footer><slot name="footer"></slot></footer>
</div><BaseLayout><template v-slot:header><h1>頁面標題</h1></template><template v-slot:default><p>主要內容</p></template><template v-slot:footer><p>頁腳內容</p></template>
</BaseLayout>

內容分發、組件復用、組件封裝

Teleport&Fragment

v-clock與v-pre

? ??v-cloak?? 是“??先藏后顯??”，為了更好的用戶體驗。

???v-pre?? 是“??不看不辦??”，為了特殊展示或性能優化。

在頁面加載初期，Vue 實例尚未完成編譯和掛載時，瀏覽器會短暫地將模板中的原始 Mustache 標簽（如 {{ message }}）顯示出來。等 Vue 實例準備就緒后，這些原始標簽才會被替換為真實數據。在 Vue 實例編譯完成之前，該元素會匹配 CSS 規則，從而被隱藏。當 Vue 實例編譯完成后，它會自動??移除??所有元素上的 v-cloak屬性。屬性被移除后，CSS 隱藏規則就不再生效，元素也就正常顯示出來。

其他

Vue中保留注釋