vue

README

★为何选择 Vue？

Vue.js 灵活易学而且功能强大，是最流行的且性价比也最高的前端框架，国内绝大部分公司都在使用，它的生态环境仍在生长并且它已经拥有构建各种应用所需的一切

★你能学到什么？

1. 在实战中学习和应用 Vue 全家桶：Vue、Vuex、Vue-router、Vue-cli、Vue-devtools、Vue-loader
2. 通过重构小米商城（移动端），理解 vue 在实际业务场景中的注意事项和技巧，深入理解组件化和数据驱动常见问题

★目录

• 01-课程介绍
• 02-开发环境配置
• 03-项目目录
• 04-登录

★课程大纲

◇课程简介

课程涉及的技术栈

• Vue 全家桶：Vue、Vue-router、Vuex、Vue-cli、Vue-devtools、Vue-loader
• 组件化：单 Vue 文件
• 模块化：ES2015 Module、CommonJS
• 第三方模块：axios、Swiper、nprogress 等
• 接口管理平台：RAP
• 数据模拟：Mockjs
• 基础开发环境和包管理：Node、Yarn
• 构建工具：webpack、gulp
• 编辑器：VSCode

◇前置知识

• Vue 全家桶的文档
• ES2015 常用语法
• 组件化
• 模块化
• 基于 Vue 的 UI 库

◇开发环境配置

基础环境

• Node 安装
• 包管理工具：npm、Yarn

开发工具

• VSCode
• 插件的安装

浏览器

• chrome、qq
• Vue-devtools 的安装

模拟数据

• 模拟数据简介
• Mockjs 常用语法

接口管理平台

• 接口管理平台简介
• RAP 的使用

◇项目目录结构

vue 的开发方式

• CDN 的使用场景
• Vue-cli 的开发方式（最新 3.0 无配置单页应用）

多页面应用的调整（补充部分）

• 单页面和多页面的区别
• 多页面应用的目录结构调整
• 多页面应用的 webpack 配置调整

模块安排（具体顺序按实际课程略调整）

• 商品：商品列表、详情、SKU、商品库存
• 用户：注册、登录、信息管理、地址管理
• 购物车：购物车管理、过期、库存、一致性、合并结算估价
• 订单：下单、查看管理、物流
• 账户：余额、消费明细、结算台

★课堂源码

• tonyfree/m.mi-vue: Refactor the mi mall with vue, vue-router, vex, etc.