/Vue-Projects

Web project with Vue.

Primary LanguageVue

Vue 项目集

1. vueStudyOne

PC端

  • 页面包括: 轮播图,支付框以及登录框等
  • 基本组件包括:单选框,多选框,下拉框,数量框等

2. vueEleme

仿饿了么外卖app

  • 核心商家模块:包括商品,评论,商家介绍等模块
  • 开发方法: Vue-cli脚手架初始化项目,模拟json后端数据,了解webpack打包原理
  • 第三方组件: vue-router开发单页面应用,vue-resource与后端数据交互,stylus编写模块化css
  • 设计模式: 解决移动端1px边框问题,运用移动端经典的css sticky footer布局,采用flex布局

3. vue-music

音乐播放器

  • MVVM框架:Vue.js (版本2.x)
  • 状态管理:Vuex
  • 前端路由:Vue Router
  • 服务端通讯:axios、jsonp
  • 移动端滚动库:better-scroll
  • 构建工具:webpack 2.0
  • 源码:es6

4. MiMall

小米商城

  • 该项目是对小米商城系统的模仿,实现了从浏览商品到结算商品的整个过程,其中包括了商品列表、根据价格筛选商品、对商品排序、登录、加入购物车、结算等功能 前台使用vue-cli构建了请求服务器,使用了Vue框架,还使用了vue-router、axios、Vuex等中间件。
  • 用户名:sunyu 密码:123456