下载APP
登录
关闭
讲堂
算法训练营
Python 进阶训练营
企业服务
极客商城
客户端下载
兑换中心
渠道合作
推荐作者
当前播放: 13 | 生命周期的应用场景和函数式组件
00:00 / 00:00
标清
  • 标清
1.0x
  • 2.0x
  • 1.5x
  • 1.25x
  • 1.0x
  • 0.5x
网页全屏
全屏
00:00
付费课程,可试看

Vue开发实战

共53讲 · 53课时,约500分钟
10574
免费
01 | 课程介绍
免费
02 | Vue简介
免费
03 | 内容综述
免费
04 | 第一个Vue程序
免费
05 | 组件基础及组件注册
免费
06 | Vue组件的核心概念:事件
免费
07 | Vue组件的核心概:插槽
08 | 理解单文件组件
09 | 双向绑定和单向数据流不冲...
10 | 理解虚拟DOM及key属性的...
11 | 如何触发组件的更新
12 | 合理应用计算属性和侦听器
13 | 生命周期的应用场景和函数...
14 | 指令的本质是什么
15 | 常用高级特性provide/inj...
16 | 如何优雅地获取跨层级组件...
17 | template和JSX的对比以及...
18 | 为什么需要Vuex
19 | 如何在Vue中使用Vuex
20 | Vuex核心概念及底层原理
21 | Vuex最佳实践
22 | Vue Router的使用场景
23 | 选择何种模式的路由及底层...
24 | Nuxt解决了哪些问题?
25 | Nuxt核心原理是什么?
26 | UI组件库对比:Element U...
27 | 提升开发效率和体验的常用...
28 | 单元测试的重要性及其使用
29 | 生态篇习题解答(上)
30 | 生态篇习题解答(下)
31 | Ant Design Pro介绍
32 | 使用Vue CLI 3快速创建...
33 | 如何自定义Webpack和Babel...
34 | 如何设计一个高扩展性的路...
35 | 实现一个可动态改变的页面...
36 | 如何将菜单和路由结合
37 | 如何使用路由管理用户权限
38 | 更加精细化的权限设计(权...
39 | 如何在组件中使用ECharts...
40 | 如何高效地使用Mock数据进...
41 | 如何与服务端进行交互(Ax...
42 | 创建一个普通表单
43 | 初始数据、自动校验、动态...
44 | 创建一个分步表单
45 | 自己封装一个支持自动校验...
46 | 如何管理系统中使用的图标
47 | 如何定制主题及动态切换主...
48 | 如何做好国际化
49 | 如何高效地构建打包发布
50 | 如何构建可交互的组件文档
51 | 如何做好组件的单元测试
52 | 如何发布组件到npm
53 | GitHub相关生态应用(持续...

精选留言(28)

  • 2019-03-19
    老师好,听了您的课,感觉收获良多。

    特别是本节用函数式组件实现临时变量,和前面讲的虚拟 DOM 的 difff 算法(我就是用 index 绑定 key 的银)。

    不过,本节介绍声明周期函数的时候,我看到控制台打印处 render 了,但是代码里好像没有看到“render”钩子函数呢?
    展开

    作者回复: Render 日志是在模板中写的 你再好好看看

    5
  • 2019-04-09
    老师,学习这课程还是得一步一个脚印不能太快了啊!
    前面有同学提了没有输出render的提示,我也遇到了,但是我发前render是通过模板中调用window.console.log('render')来实现r ,我想问下为什么render不提供钩子呢??
    还有个问题就是示例代码中的import moment from "moment";我没有找到moment这个文件

    作者回复: moment是一个第三方包,在package.json中有依赖。

    为什么没有render这个问题,到后面template和jsx的本质的时候你就懂了。
    模板的渲染就是render的执行

    3
  • 2019-05-25
    老师,watch computed mounted 在页面组件的执行顺序是什么?
    1
  • 2019-04-01
    老师,您好,Functional中的props是从哪定义的

    作者回复: 函数式组件可以不用声明props,也是这个特点,可以让我们很方便的达到临时变量的目的

    1
  • 2019-03-23
    老师你好。课后习题秒杀器的写法有个不明白的地方想要请教一下,就是为什么要在created用上async异步?
    1
  • 2019-12-16
    强啊, 函数式组件,我居然是第一次知道,持续学习,不断积累。希望以后可以为 Ant Design Vue 贡献代码
  • 2019-09-26
    老师,官方文档写el被$el替换,并挂载到实例后调用mounted钩子,不应该是实例挂载到el上吗?怎么觉得写反了呢?该怎么理解这一块呢
  • 2019-09-23
    #5W2H#
    What:VUE的生命周期(创建、更新、销毁)
    Why:null
    Who:null
    Where:null
    When:null
    How:创建:beforeCreate, created, beforeMount, render, Mounted; | 更新:beforeUpdate, render, update; | 销毁:beforeDestroy, destroyed
    How much/how good/how bad:null
    展开
    1
  • 2019-08-06
    临时变量那里还是没有明白,即便是全局变量,可以处理一下扔到data里面啊。另外计算属性要求里面依赖的数据必须是响应式的具体一点怎么理解?我在计算属性里面用一个非响应式的变量也没有看到报错什么的。我能感觉到放到data里面这种方式肯定很不优雅,不过视频里面说的用函数式组件比计算属性好的原因我还是没有理解,比如计算属性要求是响应式数据,模版可能会用到v-for或者v-if什么的,还有全局的数据。要是能有一个更具体一点的函数式组件比计算属性更好的例子就好了。
  • 老师你好,这一节讲到了利用函数式组件创建临时变量,但是函数式组件内部的return部分的代码我看不懂啊,老师能讲解一下吗?感激不尽QAQ

    作者回复: 看完Template本质那一章节变懂了

  • 2019-05-07
    希望老师详细讲解一下 render函数 不是很理解

    作者回复: 后面 template和jsx本质 那一章节有介绍

  • 2019-04-29
    老师,还是有点不太明白functional组件和临时变量之间的联系,数据传递给了functional组件,怎么又通过插槽 将数据变为临时变量?
  • 2019-04-27
    唐老师,有人问过我,如果在created里面写了一个计时器,这样会造成什么问题。我不知道怎么回答

    作者回复: 脱离上下文的问题都是耍流氓

  • 老师我有个问题请教下,我的vue用了el-table 但是我修改界面的数据,data里面的数据并没有发生变化,我怎么才能实现双向绑定

    作者回复: 你这个是element组件吧,问题的原因有很多种可能,单凭你这个描述我没法知道具体原因,建议你去element的官方仓库下提issue

  • 2019-04-06
    临时变量 有些不清楚,这个函数式组件的template中的两个 临时变量 var1和 var2 只是方便我们引用 `helll ${name}` 和 destroyClock ? 'hello vue' : 'hello world' 这个两个响应式 语句的结果值吗?

    如果我们在<template>中要多次使用 到TempVar 组件上设置的某些 props 的值, 这个临时变量就变得方便了?
    展开

    作者回复: 是,不再需要重复判断执行 destroyClock ? 'hello vue' : 'hello world'

  • 2019-04-04
    前辈,我一直不明白this。$nextTick有什么用,应用场景在哪里。

    作者回复: 最经典的场景就是需要操作DOM,因为当数据改变后,vue并不承诺所有子组件全部更新完毕,如果你想要拿到最终状态的DOM(如果不是最终状态,获取到的DOM宽高滚动位置都有可能不准确),这时候就需要放在nextTick中

    1
  • 2019-04-02
    太棒了,之前不了解的概念慢慢清楚了,手动点赞👍👍👍👍👍
    想问老师,created钩子函数有哪些使用场景呢?

    作者回复: 可以说没有哪些场景一定是要在created钩子中去做的。
    一般我们可以在这里做初始化一些非响应式数据,对方法做节流防抖处理等

  • 请教一个问题,为什么我在this.$nextTick的方法中还是无法拿到div的真实高度?

    作者回复: 这个原因有很多种,div里面有动态的内容,或css没加载完

  • 我看到评论里有说同构时候在created里面进行ajax数据请求 同构是什么意思呢 不是很了解

    作者回复: 就是服务端渲染 ssr 后面生态部分有介绍

  • 2019-03-26
    这节太棒了 以前完全不知道有函数式组件这个概念