vue练习

vue 商城练习项目

vue + vue-router + vuex + axios + scss + mint-ui

常见问题

1. 每个路单独设置标题
2. 统一路由权限管理
3. 视图切换效果
4. 优雅的状态管理设计
5. vuex 表单数据存储优化

关于性能优化

1. 下拉加载更多时，图片的高度一定要固定

否则页面会频繁的触发回流(在多张图片的过程中)

2. 减少首屏加载资源的大小

尽可能的使用异步组件

3. 密集操作一定要使用节流或防抖

h5参考优选

1. 小米商城
2. 享换机
3. 苏打优选
4. 转转商城

Build Setup

# install dependencies
npm install

# serve with hot reload at localhost:8080
npm run dev

# build for production with minification
npm run build

# build for production and view the bundle analyzer report
npm run build --report

# run unit tests
npm run unit

# run e2e tests
npm run e2e

# run all tests
npm test

For a detailed explanation on how things work, check out the guide and docs for vue-loader.

交流

有疑问的可以加我 QQ 1056834607，我们一起学习进步。