总课时：24天

课程内容

第一部分：Vue

1.Vue基础
Vue 特点
Vue 实例
插值表达式 {{}}
指令: v-bind, v-if, v-for, v-model, v-on
使用组件构建应用
Vue 实力属性和方法
实例生命周期
模板语法与绑定
过滤器 Filter
计算属性 computed
方法 methods
观察 Watchers
v-bind:class, v-bind:style
条件渲染：v-if, v-show
列表渲染
组件和 v-for
数组更新检测：变异方法，非变异方法
事件处理器
$event 特殊变量
事件修饰符
按键修饰符，内置按键别名，组合按键修饰符
表单控件绑定
表单绑定修饰符：.lazy, .number, .trim

2.Webpack+ES6模块化
Webpack
Webpack 安装，打包，脚本配置，运行
Source Map 配置
使用 webpack 构建本地服务器
Loaders
Babel
Babel plugins
json loader
css loader & style loader
CSS modules 模块化
:global
CSS 预处理器
less loader
sass loader
postcss loader
banner plugin
html webpack plugin
html webpack plugin
extract-text-webpack-plugin
uglifyjs-webpack-plugin
Code Splitting – CSS
Code Splitting - require.ensure
缓存控制
babel
默认导入/导出
按需导入/导出

3.Vue高级
组件 Component
注册全局，局部组件
组件命名约定
is 属性
组件 data 函数
父子组件数据传递
prop 验证
自定义事件：$on, $emit
原生事件监听 .native
非父子组件通信
Slot 分发内容
单个 Slot，匿名 Slot，具名 Slot
作用域插槽
动态组件
keep-alive
可复用组件
子组件索引 $refs
异步组件 resolve reject
v-once
异步队列更新
自定义指令 Directive
混合 Mixin，全局混合
插件 Plugins，自定义插件
单文件组件和项目
CSS 抽取
路由 Router
Vue 单元测试及覆盖率报告生成
Vuex

4.Vue-cli3+Element-UI
Layout 布局,Container 布局容器,Color 色彩
Typography 字体,Icon 图标
Button 按钮,Form,Radio 单选框,Checkbox 多选框
Input 输入框,,InputNumber 计数器
Select 选择器,Cascader 级联选择器
Switch 开关,Slider 滑块
TimePicker 时间选择器,DatePicker 日期选择器,DateTimePicker 日期时间选择器
Upload 上传,Rate 评分,ColorPicker 颜色选择器,Transfer 穿梭框
Form 表单,Data,Table 表格,Tag 标签,Progress 进度条
Tree 树形控件,Pagination 分页
Badge 标记,Notice,Alert 警告
Loading 加载,Message 消息提示
MessageBox 弹框,Notification 通知
Navigation,NavMenu 导航菜单
Tabs 标签页,Breadcrumb 面包屑
Dropdown 下拉菜单,Steps 步骤条,Dialog 对话框
Tooltip 文字提示,Popover 弹出框
Card 卡片,Carousel 走马灯,Collapse 折叠面板

5.Vue2项目、Vue3项目、vant项目、uniapp项目
电商后台管理系统（wap）
使用技术：vue+vue-cli+vue-router+vuex+localStorage+swiper+axios
课程涉及知识点：
vue:vue基础、vue组件及组件间传值、vue属性方法指令、vue过滤器、计算属性、列表渲染、修饰符、axios等
vuex:统一状态管理 store 、state、actions、mutations、getters
router:vue路由的定义、子路由的定义、路由链接的使用、路由传参、路由懒加载、路由守卫
本地缓存:localstorage、sessionstorage
swiper:轮播插件的引入，轮播的配置

第二部分：微信小程序

1.微信小程序
json配置
WXML
WXSS
wx.request
数据缓存
地理位置
导航条动画
导航
下拉刷新
登录
用户信息

2.微信小程序项目
本地生活(微信小程序)
使用技术：小程序模块utils+事件绑定+组件+小程序api
课程涉及知识点：
小程序的运行环境的搭建
小程序项目的编写和上传发布
小程序结构：json配置、WXML、WXSS、JS
小程序的组件的使用：view、scroll-view、icon、text、表单组件、导航、地图、
小程序常用API的使用：wx.request、数据缓存、地理位置、导航条动画、导航、下拉刷新、登录、用户信息等接口的调用

第二部分：就业及简历辅导
简历辅导及修改
面试题及其他知识复习
模拟面试