剑客
关注科技互联网

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

好久没更新自己的知识库,刚好借双十一的契机,用上了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(2.0)+vue-router(2.0)+vuex(2.0)实战

商品详情页:

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

总结(项目特点):

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

  • 支持热加载

  • 提供proxy机制(解决前端接口跨域问题)

  • 前后端分离

  • 支持es6语法

  • eslint代码规范检查

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

分享到:更多 ()

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址