Nuxt - Vant 2 Tabbar 标签栏（详细使用教程）

前言

使用 Nuxt.js 做移动端，采用 Vant 2 作为组件库，网上大部分 Tabbar 标签栏组件使用都是不规范的。

本文将带您一路复制，从 0-1 完成该功能，

具体效果如下图所示：

第一步

首先要将组件进行封装，后续使用或维护方便。

打开项目 components 目录，

建一个 tabbar.vue 组件，复制并修改以下代码：