vue2.x、vuex、vue-router综合实践项目总结
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
build
config
src
static
.babelrc
.editorconfig
.gitignore
.postcssrc.js
README.md
index.html
package-lock.json
package.json

README.md

smartisan

A Vue.js project

一个用vue综合构建的多页面的单页应用,纯前端,无数据交互,旨在练习vue的架构模式,进阶应用一般问题的经典解法,如监控,路由传值、监控检验、vuex状态写法、路由设计、数据结构的条理性及可维护性、内置交互对象的属性,综合完成应用完整的购物流程。整站包含多个页面,商品列表页、商品详情页、购物车操作页面、订单配置页面、支付页面、个人信息页面(包含订单汇总和地址管理),整体下来虽然没有涉及到比较复杂的逻辑层代码或更为规范的vuex管理,但还是踩了不少坑,尤其是开始默认开启了eslint代码风格检查的时候,其次是地址的增删改部分

商品列表页

案例源码传送门

在线演示demo

(注:请使用谷歌浏览器,样式是扒下来的,css代码及其臃肿,一些改动也是在Chrome下调试完成的)

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

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