鏈接：https://github.com/ljianshu/mt-app

適合沒有經(jīng)驗(yàn)的朋友。

項(xiàng)目涉及到技術(shù)棧：

vue全家桶：Vue、Vue-router、Vue-cli等

組件化：單Vue文件

模塊化：ES6 Module

第三方模塊：better-scroll axios等

基礎(chǔ)開發(fā)環(huán)境和包管理：Node、npm

構(gòu)建工具：webpack

編輯器：sublime

項(xiàng)目功能

集點(diǎn)菜、用戶評(píng)價(jià)和商家信息為一體的移動(dòng)端點(diǎn)餐APP

1. 點(diǎn)餐頁面

點(diǎn)選商品后自動(dòng)添加到購物車，并計(jì)算好總價(jià)，在商品列表、購物車列表和商品詳情頁都可以隨意增減數(shù)目，此外左側(cè)商品分類和右側(cè)的商品相互關(guān)聯(lián)，通過better-scroll插件滑動(dòng)商品列表時(shí)，相應(yīng)的商品分類也會(huì)跟著跳轉(zhuǎn)。

2. 用戶評(píng)價(jià)頁面

主要包括一個(gè)TAB欄，包括三部分：全部、有圖和評(píng)價(jià)三個(gè)模塊

3. 商家信息頁面

主要介紹一些商家基本信息，可以通過better-scroll插件，進(jìn)行左右滑動(dòng)圖片。

---

效果預(yù)覽：

再說一篇，是餓了么的翻版。

創(chuàng)作挑戰(zhàn)賽新人創(chuàng)作獎(jiǎng)勵(lì)來咯，堅(jiān)持創(chuàng)作打卡瓜分現(xiàn)金大獎(jiǎng)

總結(jié)

以上是生活随笔為你收集整理的vue跳转到外部链接_前端实战项目：Vue.js实现外卖平台webapp,饿了么项目的翻版...的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。