vue实战1准备与资料整理

42次阅读

共计 810 个字符,预计需要花费 3 分钟才能阅读完成。

磨刀不误砍材工

声明:本项目为照着尚硅谷 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):开发店铺详情(一)

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 不慎了解

5. 结束

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

仍重而道远

正文完
 0