关于vue父子组件渲染顺序问题

Question

在子组件中我想要获取子组件根节点的高度，这个高度是继承了父组件的高度（固定的高度），我在mounted中调用this.$refs.xxx.clientHeight可以取到这个高度，但是我不理解的是，在子组件调用mounted的时候父组件的mounted是没有被执行的（也就是说父组件还没有被挂载到dom上）这个时候我怎么能获取到由父组件继承给子组件的高度的呢？
我在网上看到一些说在mounted执行之前，父子组件就已经被渲染到页面上了，执行mounted之后再将数据更新

Answer 1

提问者 烟雨丿奇缘 2020-12-09 12:17:52

我想我可能知道原因了...在下面这个生命周期的时候已经被首次挂载到页面了，只是内容显示的是占位符，但是父组件的节点已经有了高度，不知道我理解的对不对

• Jokcy #1

  子组件的mounted是优先于父组件的mounted的，beforeMount是只执行了render，但是dom没有挂载