2018-09-12vuejs类商城app项目

Author：Mr.柳上原

• 付出不亚于任何的努力
• 愿我们所有的努力，都不会被生活辜负
• 不忘初心，方得始终

昨天刚写的vue类商城app项目

https://github.com/youyouqiu/tanzhou18zhuimeng-vuejs-EC

使用了vue脚手架
模块：axios、vue-lazyload、vue-router、vuex、less......
ui框架：we-vue、mint-ui......

知识点：

移动端样式布局

vue语法（组件，方法，生命周期函数）

vue脚手架搭建

路由模块设置

公共组件

ajax请求（axios）

懒加载

不同组件传值

vuex（监察者模块）管理数据变更

---

实现功能

--基础功能--

首页布局

flex（弹性盒模型）

搜索栏

轮播图

头部标题栏（固定）

底部导航栏（固定）

分页面

table导航

--商城功能--

商品展示

详情页

加入购物车

购物车数据本地存储

---

主要是商城版块

数据的请求，渲染

商品的购买，购物车的前端缓存，商品结算

公共api接口爆了

所以数据请求不到

最后自己在页面手写了假接口

可以自行爬个商品接口做测试

最近已经把ui框架样式冲突问题解决
首页与商品界面正常显示

................................................................................

依然需要导入依赖模块
依赖模块下载导入
在当前文件夹输入命令行，下载项目依赖模块

npm i

.....................................................................................

打开编辑器
启动vue
我使用的是vscode

npm run dev
// 此处会打开一个8080端口的本地服务器环境

20180911.png