你尚未登录,仅允许查看本站部分内容。请登录使用邀请码注册
navyxie

vue(2.0)+vue-router(2.0)+vuex(2.0)实战 1个回复 专栏 @ 框架与库

navyxie 发布于 9 月前

好久没更新自己的知识库,刚好借双十一的契机,用上了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-

登录后回复,如无账号,请使用邀请码注册