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-