vue实战(1):准备与资料整理

磨刀不误砍材工

声明:本项目为照着尚硅谷vue视频仿写

0. 其它

vue实战(1):准备与资料整理
vue实战(2):初始化项目、搭建底部导航路由
vue实战(3):底部导航显示、搭建各模块静态页面、添加登录页页面与路由
vue实战(4):postman测试数据、封装ajax、使用vuex管理状态
vue实战(5):总结一
vue实战(6):异步显示数据、开发Star组件
vue实战(7):完整开发登录页面(一)
vue实战(8):完整开发登录页面(二)
vue实战(9):总结二
vue实战(10):开发店铺详情(一)
vue实战(11):开发店铺详情(二)
vue实战(12):完结 + 附学习视频

1. 项目描述

1.1 项目为外卖web App
1.2 包括商家、商品、购物车、用户等模块

2. 技术选型

  • 前台数据处理/交互/组件化
    1)vue/vue-router/vuex/mint-ui
    2)vue-lazyload/vue-scroller/better-scroll/swiper
    3)moment/date-fns
  • 前后台交互
    1)mock数据:mockjs
    2)接口测试:postman
    3)ajax请求:axios
  • 模块化
    1)ES6
    2)babel
  • 项目构建工程化
    1)webpack
    2)vue-cli
    3)eslint
  • css预编译器
    1)stylus

3. 教程视频没有使用vue-cli3构建项目,本次使用vue-cli3来构建项目

4. 技术准备

所需技术 目前个人熟练程度
vue 基础了解
vue-router 基础了解
vuex 不慎了解
mint-ui 还未使用过
vue-lazyload/vue-scroller/better-scroll/swiper 未使用过
moment/date-fns 日期处理,不慎了解
mockjs 不会使用
postman 会使用
axios 不慎了解
ES6 基础了解
babel 不慎了解
webpack/vue-cli/eslint 基础了解
stylus 不慎了解

结束语

总结下来,差的还挺多,到现在基本都是游走在学习的边缘,加油学习了!

仍重而道远
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 基于Vue的一些资料 内容 UI组件 开发框架 实用库 服务端 辅助工具 应用实例 Demo示例 element★...
    尝了又尝阅读 1,192评论 0 1
  • Vue2.0+组件库总结 UI组件 element - 饿了么出品的Vue2的web UI工具套件 Vux - 基...
    szch阅读 1,990评论 1 52
  • UI组件 element- 饿了么出品的Vue2的web UI工具套件 Vux- 基于Vue和WeUI的组件库 m...
    柴东啊阅读 15,884评论 2 140
  • UI组件 element- 饿了么出品的Vue2的web UI工具套件 Vux- 基于Vue和WeUI的组件库 m...
    35eeabfa0772阅读 3,309评论 7 12
  • UI组件 element- 饿了么出品的Vue2的web UI工具套件 Vux- 基于Vue和WeUI的组件库 m...
    你猜_3214阅读 11,246评论 0 118