mounted 钩子函数

来源：2-7 createElement

Arey_jy

2019-05-13

执行到 mounted 函数时，已经进过 _render _update 了。dom 已经添加到页面中了（子组件先执行钩子,在父组件执行）。那为什么文档的详细描述的（下面截图红框中）有点不太理解呀。

图片描述

我记得之前黄老师的音乐课程代码中也有用到下面这样一段函数！

mounted() {
    setTimeout(() => {
      // code....
    }, 20)
  },

写回答

1回答

ustbhuangyi

2019-05-13

已采纳

我的理解是它不能保证 DOM 完全渲染完毕，比如不能保证正确获得内部的 DOM 的宽高，音乐课程的 setTimeout 20 现在已经可以替换成 this.$nextTick 了。
但是 mounted 的钩子执行顺序，在同步渲染的组件中，确实是先子后父。

Arey_jy

ustbhuangyi

好，谢谢黄老师

2019-05-13

共9条回复

Vue.js 源码深入解析深入理解Vue实现原理

全方位讲解 Vue.js 源码，进阶高级工程师

4986 学习 · 1038 问题

相似问题

回答 1

回答 1

回答 1

回答 2

回答 2