美文网首页vueVue专题vuejs与angularjs
vue实战(1):准备与资料整理

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

作者: i摸鱼喵 | 来源:发表于2019-04-25 21:11 被阅读268次

    磨刀不误砍材工

    声明:本项目为照着尚硅谷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实战(1):准备与资料整理

        本文链接:https://www.haomeiwen.com/subject/tqjtnqtx.html