您的位置:首页 > Web前端 > Vue.js

Web全栈前端开发之VUE2.0项目实战,由浅入深学习路线

2019-05-21 14:21 1046 查看

Web全栈前端开发之VUE2.0项目实战,由浅入深学习路线:

第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、路由守卫--监听路由变化

我自己是一名从事了5年web前端开发的老程序员,辞职目前在做线上教育讲师,每晚都会直播,今年年初我花了一个月整理了一份最适合2018年学习的web前端干货,从最基础的HTML+CSS+JS到移动端HTML5都有整理,送给每一位前端小伙伴,这里是前端学习者聚集地,欢迎初学和进阶中的小伙伴。web前端交流扣扣裙:884975954。

内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: