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-

转载于:https://www.cnblogs.com/2010navy/p/6077777.html