在 vue 中，實現(xiàn) Tab 切換主要有三種方式：使用動態(tài)組件，使用 vue-router 路由，使用第三方插件。
因為這次完成的功能只是簡單切換組件，再則覺得使用路由切換需要改變地址略微麻煩，所以使用的是動態(tài)組件實現(xiàn)，如果是在大型應用上，可能使用 vue-router 會方便一些。
先看下最終實現(xiàn)的效果，結構比較簡單，頂部的三個 Tab 標簽用于切換，內容區(qū)域分別為三個子組件。
效果預覽
關鍵代碼及分析如下：
// 每一個 tab 綁定了一個點擊事件，傳入的參數(shù)對應著 tab 下的組件名 // 子組件，顯示不同的 tab // is 特性動態(tài)綁定子組件 // keep-alive 將切換出去的組件保留在內存中
另外有需要云服務器可以了解下創(chuàng)新互聯(lián)scvps.cn，海內外云服務器15元起步，三天無理由+7*72小時售后在線，公司持有idc許可證，提供“云服務器、裸金屬服務器、高防服務器、香港服務器、美國服務器、虛擬主機、免備案服務器”等云主機租用服務以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡單易用、服務可用性高、性價比高”等特點與優(yōu)勢，專為企業(yè)上云打造定制，能夠滿足用戶豐富、多元化的應用場景需求。
重慶分公司
重慶分公司
