vue子组件代码在父组件之前执行

在 Vue 中，子组件的代码执行是在父组件之前的。当父组件渲染时，它会检查其模板中是否包含子组件，并在需要时实例化这些子组件。然后，Vue 会按照父组件的渲染顺序递归地处理子组件，确保子组件在父组件之前被渲染。

这种顺序保证了子组件能够在父组件中正常使用，因为子组件的模板中可以包含父组件的数据和方法。如果子组件在父组件之前执行，那么子组件中使用的父组件的数据和方法可能还没有被定义，会导致错误。

因此，Vue 会先实例化父组件并渲染它，然后再实例化和渲染子组件。这样可以确保子组件能够正确地访问父组件的数据和方法。