Vue开发的仿美团外卖Html5前端页面

今天给大家开源一个仿美团外卖的Vue项目，介绍Vue和vue-router的基本用法。

工程结构

工程目录结构比较简单，如下图所示。

在这里插入图片描述

运行效果

部分运行效果如下图，实现了基本的页面切换，导航菜单，购物车等功能。

在这里插入图片描述

如何运行

和其他的Vue项目一样，只需要下载源码，然后执行以下命令即可。

npm install
npm run dev

<a href="https://qm.qq.com/cgi-bin/qm/qr?k=1-MhRfapWmpiOFC_RqTqtpJclTrCA0bU&jump_from=webapi" title="QQ群515980159">源码链接</a>