项目涉及到技术栈：

vue全家桶：Vue、Vue-router、Vue-cli等
组件化：单Vue文件
模块化：ES6 Module
第三方模块：better-scroll axios等
基础开发环境和包管理：Node、npm
构建工具：webpack
编辑器：sublime

项目功能

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

1. 点餐页面

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

2. 用户评价页面

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

3. 商家信息页面

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

效果预览：

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

vue跳转到外部链接_前端实战项目：Vue.js实现外卖平台webapp,饿了么项目的翻版...相关推荐

vue跳转到外部链接，vue页面的跳转
Vue项目中跳转外部链接 google 就用a标签跳转 vue 页面跳转的两种方式 1,标签跳转 <router-link to='two.html'><button>点我到第 ...
vue a链接跳转打开外部链接
背景: vue单页应用项目直接使用a标签跳转到外部链接报错问题分析: a标记触发的跳转默认被router处理,加上了前缀,见如下代码: <--a标签--><ahref=" ...
vue项目中自动跳转到外部链接
今天在写一个web项目的时候,发现有一个功能需要点击导出,然后弹出框选择下载在本地,并且要求下的文件是xlsx类型的.首先我的思路是,点击导出,然后后端查询数据库的数据,把数据写入本地xlsx表中,然 ...
vue轮播图实现点击图片跳转到外部链接
需求:点击轮播图中的图片跳转到外部链接,比如跳转到csdn首页. 实现: 1.写出大体框架 <template><el-carousel :interval="4000&q ...
thinkphp3 页面跳转外部链接_一文看懂小程序跳转的规则和注意事项
微信小程序之间是可以相互跳转的,这大大方便了商家的品牌互推和互相导流.不过,小程序跳转功能也不能乱用,它是有一定规则的:1.需要用户触发跳转若用户未点击小程序页面任意位置,则开发者将无法调用 wx.n ...
js访问对方手机文件夹_前端开发——解决vue首次访问太慢的问题
一.问题:vue也算是现在流行的前端框架,vue打包时(npm run build),会生成一个index.html静态页面和一个静态文件夹,文件夹中有css,js,img等等,其中让我们注意的就是J ...
uni-app页面通过点击跳转至外部链接
实际需求: 1. 后台会返回的数据中含有一个外部链接的地址 2. 我们有一个需求是需要点击这个地址会跳转页面并且打开这个地址进行查看如何实现: 1. 首先我们先新建一个页面(wibview.vu ...
关于点击微信图文信息直接跳转至外部链接
最近公司需求,发布图文消息要直接跳转到公司直接的网点,刚开始看到京东公众号有类似推送的功能,想必肯定可以实现,就登录公众号,看文档,看了大半天都没看到有类型该功能,直接借助后台发送也还是到微信自己编辑 ...
vue 将字符串最后一个字符给替换_前端开发：Vue项目实战-Music
大家好,我来了,本期为大家带来的前端开发知识是"前端开发:Vue项目实战-Music",有兴趣做前端的朋友,和我一起来看看吧! 主要内容项目环境搭建路由导航实现 ListVie ...

vue跳转到外部链接_前端实战项目：Vue.js实现外卖平台webapp,饿了么项目的翻版...

项目涉及到技术栈：

项目功能

vue跳转到外部链接_前端实战项目：Vue.js实现外卖平台webapp,饿了么项目的翻版...相关推荐

最新文章

热门文章