前端实战项目:Vue.js实现外卖平台webapp,饿了么项目的翻版

JavaScript010

前端实战项目:Vue.js实现外卖平台webapp,饿了么项目的翻版,第1张

链接:https://github.com/ljianshu/mt-app

适合没有经验的朋友。

集点菜、用户评价和商家信息为一体的移动端点餐APP

1. 点餐页面

点选商品后自动添加到购物车,并计算好总价,在商品列表、购物车列表和商品详情页都可以随意增减数目,此外左侧商品分类和右侧的商品相互关联,通过better-scroll插件滑动商品列表时,相应的商品分类也会跟着跳转。

2. 用户评价页面

主要包括一个TAB栏,包括三部分:全部、有图和评价三个模块

3. 商家信息页面

主要介绍一些商家基本信息,可以通过better-scroll插件,进行左右滑动图片。

效果预览

再说一篇,是饿了么的翻版。

https://www.bilibili.com/video/BV15741177Eh?p=2

这个课程大概分为以下几个部分

一、邂逅vuejs

从为什么要学习,有什么特点,到安装vuejs,体验vuejs,以及学习MVVM架构。

二、vue基础语法

基础语法很多,会详细讲。

三、组件化开发

学vue必须学习组件化开发。

四、vue cli详解

webpack、vue cli脚手架的介绍

五、vue-router

前端路由

六、vuex详解

进行状态管理的

前六个是基础知识

七、网络封装

主要是axios的介绍使用

八、项目实战