vue(2.0)+vue-router(2.0)+vuex(2.0)实战

好久没更新自己的知识库，刚好借双十一的契机，用上了vue(2.0)+vue-router(2.0)+vuex(2.0)来开发公司的双十一电商活动。

项目目录结构：



运行：

npm install

npm run dev

浏览器会打开本地8080端口

效果（主要有两个页面）：

商品列表页：





商品详情页：



总结（项目特点）：

vue提供的脚手架工具可以快速让你搭建一个vue项目

支持热加载

提供proxy机制（解决前端接口跨域问题）

前后端分离

支持es6语法

eslint代码规范检查

由于项目涉及公司业务逻辑，所以删减所有和业务逻辑相关的代码，但不影响demo运行。项目demo地址: https://github.com/navyxie/vue-2.0-vue-router-2.0-vuex-2.0-