摘要：最近的一個(gè)簡單項(xiàng)目中正好要用到選項(xiàng)卡組件，由于項(xiàng)目簡單也就沒有使用任何第三方庫，于是就自己動(dòng)手寫了個(gè)選項(xiàng)卡組件。

用過Element  ui庫的童鞋肯定知道組件，簡單、好用、可以自定義標(biāo)簽頁，不知道廣大童鞋們在剛開始使用組件的時(shí)候有沒有想過它是如何實(shí)現(xiàn)的？我咋剛開始使用組件的時(shí)候就有去想過，也想去實(shí)現(xiàn)一個(gè)超級簡單的tabs選項(xiàng)卡組件，無奈當(dāng)時(shí)功力不夠，未能實(shí)現(xiàn)。最近的一個(gè)簡單項(xiàng)目中正好要用到選項(xiàng)卡組件，由于項(xiàng)目簡單也就沒有使用任何第三方庫，于是就自己動(dòng)手寫了個(gè)選項(xiàng)卡組件。

    用戶管理
    配置管理
    角色管理
    定時(shí)任務(wù)補(bǔ)償

問題：

如何根據(jù)來生成標(biāo)簽頁？

如何過濾組件中的子元素，使得在使用的時(shí)候只顯示，而不會顯示其他組件或div之類的元素？

想根據(jù)來生成標(biāo)簽頁就需要使用到，使用用