vue父子组件渲染顺序
时间: 2023-10-31 18:04:46 浏览: 138
深入理解Vue父子组件生命周期执行顺序及钩子函数
Vue.js 的父子组件渲染顺序是先父后子,即先渲染父组件,再渲染子组件。这是因为在 Vue.js 中,父组件的渲染会触发子组件的渲染,所以必须先渲染父组件才能渲染子组件。
具体来说,当父组件被渲染时,Vue.js 会创建父组件的 VNode,并将其传递给子组件的 render 函数,子组件根据传入的父组件 VNode 创建自己的 VNode,并将其返回给父组件。然后父组件再将子组件的 VNode 插入到自己的 VNode 中,最终渲染出完整的父组件和子组件。
需要注意的是,父组件和子组件的生命周期钩子函数执行顺序也是先父后子,即先执行父组件的生命周期钩子函数,再执行子组件的生命周期钩子函数。
阅读全文