基于VUE的订餐系统产品系统

该项目聚焦餐饮外卖 / 到店点餐场景，适用于面馆、小吃店等中小餐饮商户。核心解决商户线上化点餐需求，支持商品分类展示、菜品选购、购物车管理、订单结算等功能，优化用户点餐流程，减少人工点单压力。同时适配移动端使用场景，满足消费者快速下单、实时查看订单的需求，助力商户提升运营效率与用户体验。

商品分类展示：按招牌主食、特色小吃等分类整理菜品，左侧导航快速切换，右侧滚动联动高亮当前分类，查找高效便捷；
菜品选购功能：展示菜品图片、名称、价格、销量及好评率，支持增减购数量，实时更新选中状态；
购物车管理：可查看已选菜品及总价，支持清空购物车，展开 / 收起购物车列表，直观掌握点餐情况；
结算功能：满 20 元起送，自动计算总价及配送费，满足起送条件即可触发结算，简化点餐收尾流程。

前端框架：Vue 2（核心视图层框架，负责页面渲染与交互逻辑）；
路由管理：Vue Router（实现页面路由配置与组件跳转）；
样式实现：原生 CSS + Flex/Grid 布局（替代 Tailwind，实现响应式界面与组件样式）；
资源处理：Webpack （Vue 项目内置打包工具，处理图片、JS 等静态资源）。
二、架构设计
采用 MVVM 架构模式，分层清晰：
视图层（View）：Vue 模板负责页面展示，通过指令绑定数据与事件；
视图模型层（ViewModel）：Vue 实例（data/methods）负责数据处理与交互逻辑，关联视图与数据；
数据层（Model）：本地模拟商品数据与购物车状态，支持后续对接后端接口扩展。
整体为单页应用（SPA）架构，无页面刷新，提升用户点餐流畅度。