51cto ---JavaScript零基础快速入门视频教程
https://edu.51cto.com/course/11773.html?source=so
第1天 Vue 2.0
1、vue简介
2、体验vue
3、数据绑定的实现原理
4、webpack编译
5、数据丢失
6、插值表达式
7、属性绑定
8、自定义过滤器
9、监听数据变化
10、计算属性数据
11、数据双向绑定
12、避免插值闪烁
13、DOM事件
14、事件修饰符
15、类的三种绑定方式
16、样式的三种绑定方式
第2天 Vue 2.0
1、条件模板指令
2、显隐指令
3、循环模板指令
4、模板元素
5、支付宝登录页面
6、支付宝登录交互
7、过渡
8、单选框元素数据双向绑定
9、多选框元素数据双向绑定
10、下拉框的数据双向绑定
11、自定义指令
12、表单校验
13、自定义组件
14、slot组件
15、component组件
第3天 VueX与Vue Router
1、keep-live组件
2、组件生命周期
3、父组件到子组件通信
4、vue中观察者模式
5、子组件到父组件通信
6、Flux与Vuex解决组件通信问题
7、Vuex同步消息
8、Vuex异步消息
9、计算属性数据
10、模块切割
11、前端路由实现原理
12、使用路由
13、路由参数
14、默认路由
15、路由重定向
16、子路由
17、路由导航
第4天Axios、Vue组件、Mint UI与Element UI
1、异步请求--axios库
2、安装axios库
3、webpack跨域请求代理
4、webpack编译Vue组件
5、CSS预编译
6、Shadow DOM样式
7、拆分应用程序组件
8、使用Mint UI
9、Mint UI -- CSS组件
10、Mint UI -- JS组件
11、Mint UI -- 表单组件
12、使用Element UI
13、Element UI -- 基础库组件
14、Element UI -- Form组件
**第5天Vue Cli + Router + VueX + ES6 + Webpack项目实战
1、Vue Cli架构分析
2、Vue cli搭建美团项目并配置路由
3、Webpack配置Vue Cli项目
4、安装store与axios
5、header组件
6、icons模块
7、广告模块
8、首页商品列表
9、商品组件
10、列表页视图
11、列表页交互
12、详情页
13、路由守卫--监听路由变化