首页

投稿

Vue.js从入门到精通教程

67.1万

4228

2019-08-21 20:13:58

未经作者授权，禁止转载

常用系统指令、数据绑定、指令、过滤器、生命周期、组件化、路由、Vue组件、 Vue过渡效果(动画)、路由(vue-router库）、 axios 课程出自：http://yun.itheima.com/course/335.html

我在B站学习-技能分享

黑马程序员教程资源发消息

01.反馈

09:40

02.Vue课程介绍

02:01

03.什么是Vue

04:38

04.为什么要学习前端的流行框架

09:35

05.框架和库的区别

03:41

06.MVC和MVVM的关系图解

17:07

07.Vue基本代码和MVVM之间对应关系

11:59

08.讲解v-cloak、v-text、v-html的基本使用

12:21

09.v-bind指令的学习

05:18

10.使用v-on指令定义Vue中的事件

05:53

11.跑马灯效果制作-上

18:33

12.跑马灯效果制作-下

05:41

13.事件修饰符的介绍

17:58

14.讲解v-model实现表单元素的数据双向绑定

10:20

15.使用v-model实现计算器的案例

10:39

16.vue中通过属性绑定为元素设置class类样式

14:17

17.vue中通过属性绑定为元素绑定style行内样式

04:49

18.v-for指令的四种使用方式

12:07

19.v-for中key的使用注意事项

12:41

20.v-if和v-show的使用和特点

07:55

21.今天内容总结

08:39

01.反馈

01:55

02.今天内容的说明

01:53

03.品牌案例-完成品牌列表的添加功能

19:59

04.品牌案例-根据Id完成品牌的删除

07:36

05.Vue-devtools的两种安装方式

04:34

06.品牌案例-根据关键字实现数组的过滤

14:17

07.过滤器-Vue中全局过滤器的基本使用

13:26

08.过滤器-定义格式化时间的全局过滤器

09:22

09.过滤器-定义私有过滤器

08:31

10.字符串的padStart方法使用

02:59

11.自定义按键修饰符

07:23

12.指令-自定义全局指令让文本框获取焦点

16:41

13.指令-使用钩子函数的第二个binding参数拿到传递的值

12:20

14.指令-定义私有指令

03:28

15.指令-指令函数的简写形式

04:14

16.生命周期函数-组件创建期间的4个钩子函数

23:36

17.生命周期函数-组件运行和销毁阶段的钩子函数

17:23

18.vue-resource发起get、post、jsonp请求

16:48

19.结合Node手写JSONP服务器剖析JSONP原理

16:04

01.品牌列表-从数据库获取列表

23:57

02.品牌列表-完成添加功能

09:32

03.品牌列表-完成删除功能

03:30

04.品牌列表-全局配置数据接口的根域名

09:03

05.品牌列表-全局配置emulateJSON选项

03:33

06.动画-使用过渡类名实现动画

16:32

07.动画-自定义v-前缀

03:49

08.动画-使用第三方animate.css类库实现动画

08:15

09.动画-钩子函数实现半场动画的介绍

06:15

10.动画-钩子函数实现小球半场动画

17:45

11.动画-小球动画每次重新开始的位置说明

02:01

12.动画-使用transition-group元素实现列表动画

11:17

13.动画-实现列表删除和删除时候的动画效果

04:04

14.动画-transition-group中appear和tag属性的作用

03:46

15.组件化和模块化的区别

04:27

16.组件-创建组件的方式1

07:25

17.组件-创建组件的方式2

07:44

18.组件-创建组件的方式3

04:02

19.组件-使用components定义私有组件

05:33

20.组件-组件中的data

06:07

21.组件-为什么组件的data必须是一个function

06:52

22.组件切换-使用v-if和v-else结合flag进行切换

05:21

23.组件切换-使用Vue提供的component元素实现组件切换

07:10

24.组件切换-应用切换动画和mode方式

05:17

01.动画-小球动画flag标识符的作用分析

16:43

02.组件-组件定义方式的复习

08:59

03.组件传值-父组件向子组件传值和data与props的区别

16:54

04.组件传值-子组件通过事件调用向父组件传值

18:03

05.组件案例-发表评论功能的实现

22:25

06.组件案例-实现评论的发表和自动刷新列表

09:10

07.使用ref获取DOM元素和组件引用

10:22

08.路由-前端路由和后端路由的概念

04:01

09.路由-安装vue-router的两种方式

04:01

10.路由-vue-router的基本使用

17:58

11.路由-router-link的使用

02:36

12.路由-路由redirect重定向的使用

02:45

13.路由-设置选中路由高亮的两种方式

07:36

14.路由-为路由切换启动动画

02:27

15.路由传参-使用query方式传递参数

10:29

16.路由传参-使用params方式传递路由参数

05:08

17.路由-使用children属性实现路由嵌套

14:12

18.路由-使用命名视图实现经典布局

11:52

19.路由-关于命名视图的名称到底是变量还是字符串的说明

02:29

01.复习-父子组件之间的传值

07:57

02.复习-基本路由的使用

05:03

03.名称案例-使用keyup事件实现

05:08

04.名称案例-使用watch监听文本框数据的变化

06:38

05.watch-监视路由地址的改变

05:15

06.computed-计算属性的使用和3个特点

11:14

07.watch、computed、methods的对比

04:44

08.nrm的使用

08:36

09.webpack-概念的引入

23:00

10.webpack-最基本的使用方式

21:34

11.webpack-最基本的配置文件的使用

14:12

12.webpack-dev-server的基本使用

23:01

13.webpack-dev-server的常用命令参数

07:08

14.webpack-dev-server配置命令的第2种方式

09:04

15.html-webpack-plugin的两个基本作用

11:12

16.loader-配置处理css样式表的第三方loader

12:56

17.loader-分析webpack调用第三方loader的过程

04:28

18.loader-配置处理less文件的loader

04:08

19.loader-配置处理scss文件的loader

04:59

01.复习-webpack基本配置1

14:46

02.复习-webpack基本配置2

07:13

03.webpack中url-loader的使用

20:54

04.webpack中使用url-loader处理字体文件

09:42

05.关于webpack和npm中几个问题的说明

11:22

06.webpack中babel的配置

27:29

07.关于Babel的几点说明

04:53

08.使用vue实例的render方法渲染组件

07:19

09.区分webpack中导入vue和普通网页使用script导入Vue的区别

18:08

10.在vue中结合render函数渲染指定的组件到容器中

12:29

11.webpack结合vue使用的总结

05:11

12.export default 和 export 的使用方式

18:17

13.结合webpack使用vue-router

17:39

14.结合webpack实现children子路由

06:42

15.组件中style标签lang属性和scoped属性的介绍

06:20

16.抽离路由模块

02:54

顶部