小型电商页面实践-Vant UI框架实践-（4）Tabbar 制作底部菜单

制作页面底部的导航菜单。

1: 修改App.vue组件，注释相关的路由导向

2.观察，router.js路由配置修改请求路径为默认请求home.vue

http://localhost:8080/#/

3.修改Home.vue内容为：

4：观察运行结果

image.png

5:添加点击切换事件处理

image.png

最终效果：

GIF.gif