Vue底部导航栏组件如何改写为支持长尾词的智能交互式？

本文共计424个文字，预计阅读时间需要2分钟。

不直接说代码，简要改写以下内容：

简单描述BottomNav.vue组件：底部导航栏，包含模板div，具有footer类，使用v-for遍历items数组。每个项根据索引改变类名，并绑定点击事件跳转路由。图标和文字颜色根据选中状态变化。