Vue 日常开发问题

问题：动态组件component中切换异步组件，两个组件之间的生命周期执行顺序在首次加载和二次加载的时候存在差异。 情景一：先展示tab1，然后切换tab2（首次加载）。生命周期先执行 tab1 的

![image.png](https://p1-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/a352abbafd7b4609b09d6c2361a59508~tplv

vue 实例结构 实例属性 以 $ 开头 $el 组件挂载节点DOM，$el.__vue__ 指向挂载实例 $vnode 组件调用节点的vnode，通过tag可以与 _vnode 对比差异。$vnod

vue插槽slot 设置默认内容方法，以及由于版本问题导致的slot渲染问题，希望有所帮助，本人小白，如有问题，还望指出。

核心思想 宏任务和微任务，参考本文 语法 全局API: Vue.nextTick(cb) 实例方法: vm.$nextTick(cb) 唯一差别是 $nextTick 调用，回调函数的 this 指向

子组件的插槽集合，包括具名插槽和默认插槽，$slots内容会直接解析成 vnode 集合给子组件解析获取，所以 $slots中 vnode的上下文context是父组件（调用子组件的组件，不是嵌套子组件的上一级组件）。 因此在 HOC高阶组件 不能直接传递 slots，需要修改…