【vue】vue中实现标签页

前言

tab标签页实现很多， 纯css实现， js实现等， 外加一些特殊动画。

vue中实现标签页实现

• keep-alive标签和is特性
• vue-router中嵌套路由

is特性实现（推荐）

优点：不要依赖第三方

适用：较为简单的页签导航， 如果需要保存其他页签状态， 外部使用<keep-alive>包裹即可

官网参考

vue-router中嵌套路由实现

优点：适用简洁

适用：较为复杂的页签导航

官网参考