Vue懒加载引入子组件的生命周期

一、正常引入子组件

正常在script外引入子组件，生命周期是：
父组件created —— 子组件created —— 子组件mounted —— 父组件mounted

<script>
import HandleWorkData from '@/components/HandleWorkData.vue'
export default {
  components: {
    HandleWorkData,
  },
  ...
 </script>

二、懒加载方式引入子组件

若通过以下懒加载方式引入子组件，生命周期是：
父组件created —— 父组件mounted —— 子组件created —— 子组件mounted

<script>
export default {
    HandleWorkData: () => import('@/components/HandleWorkData.vue'),
  },
</script>

所以这种方式在父组件的mounted里获取不到子组件的ref实例！
链接: https://blog.csdn.net/luxiaopengyou/article/details/116707239