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-

posted on 2016-11-18 15:02  2010navy  阅读(182)  评论(0编辑  收藏  举报