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
作者:Mr柳上原
链接:https://www.jianshu.com/p/3e963c006ae0