【Vue.js】高仿餓了么外賣App(一)


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文件

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM