【Vue.js】高仿餓了麼外賣App（一）

標籤：alt   訪問   連結   logs   href   點擊   height   name   讀取資料   

1.架構從傳統的MVC向REST API+前端MV*遷移

參考連結：

http://blog.csdn.net/broadview2006/article/details/8615055

http://blog.csdn.net/u013628152/article/details/42709033

MV*包括：MVC、MVP、MVVM

vue.js是MVVM架構

 

2.Iconmoon製作表徵圖字型

2.1 點擊IconMoon App

2.2點擊import icons，匯入svg圖片

2.3選擇你匯入的表徵圖，並點擊右下角generate font

2.4點擊get code

2.5點擊preference命名font name

2.6匯出後得到如下檔案，拷貝fonts檔案和style.css

3.data.json中存放資料（類比資料庫），類比的資料請求就從該源中讀取資料。

3.1開啟build目錄，找到dev-server.js（webpack打包的入口檔案），從data.json中讀取資料(圖中紅色部分)

3.2編寫路由（圖中粉紅色部分）

3.3通過介面查看資料

4.reset.css的引入，其中自訂了一部分,去掉icon.styl中的{}和；

5.移動端的視口的相關設定

6.在main.js中添加分號；

編譯報錯，可以訪問提示的連結

在eslintrc.js中修改關於分號的配置

將App.vue中的各個標籤清空（等待重新編寫）,刪掉hello.vue檔案

 

【Vue.js】高仿餓了麼外賣App（一）