Author：Mr.柳上原
- 付出不亞于任何的努力
- 愿我們所有的努力薄腻，都不會被生活辜負(fù)
- 不忘初心索烹，方得始終
昨天剛寫的vue類商城app項目
https://github.com/youyouqiu/tanzhou18zhuimeng-vuejs-EC
使用了vue腳手架
模塊：axios、vue-lazyload臭埋、vue-router踪央、vuex、less......
ui框架：we-vue瓢阴、mint-ui......
知識點：
移動端樣式布局
vue語法（組件畅蹂，方法，生命周期函數(shù)）
vue腳手架搭建
路由模塊設(shè)置
公共組件
ajax請求（axios）
懶加載
不同組件傳值
vuex（監(jiān)察者模塊）管理數(shù)據(jù)變更
實現(xiàn)功能
--基礎(chǔ)功能--
首頁布局
flex（彈性盒模型）
搜索欄
輪播圖
頭部標(biāo)題欄（固定）
底部導(dǎo)航欄（固定）
分頁面
table導(dǎo)航
--商城功能--
商品展示
詳情頁
加入購物車
購物車數(shù)據(jù)本地存儲
主要是商城版塊
數(shù)據(jù)的請求荣恐，渲染
商品的購買液斜，購物車的前端緩存，商品結(jié)算
公共api接口爆了
所以數(shù)據(jù)請求不到
最后自己在頁面手寫了假接口
可以自行爬個商品接口做測試
最近已經(jīng)把ui框架樣式?jīng)_突問題解決
首頁與商品界面正常顯示
................................................................................
依然需要導(dǎo)入依賴模塊
依賴模塊下載導(dǎo)入
在當(dāng)前文件夾輸入命令行叠穆，下載項目依賴模塊
npm i
.....................................................................................
打開編輯器
啟動vue
我使用的是vscode
npm run dev
// 此處會打開一個8080端口的本地服務(wù)器環(huán)境
20180911.png
