說說如何在 Vue.js 中實現標籤頁組件

標籤頁組件，即實現選項卡切換，常用於平級內容的收納與展示。 因爲每個標籤頁的內容是由使用組件的父級控制的，即這部分內容爲一個 slot。所以一般的設計方案是，在 slot 中定義多個 div，然後在接到切換消息時，再顯示或隱藏相關的 div。這裏面就把相關的交互邏輯也編寫進來了，我們希望在組件中處理這些交互邏輯，slot 只單純處理業務邏輯。這可以通過再定義一個 pane 組件來實現，pane 組

>>阅读原文<<