首页 > 编程知识 正文

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

时间:2023-05-03 18:27:20 阅读:278499 作者:4303

正常在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实例!

版权声明:该文观点仅代表作者本人。处理文章:请发送邮件至 三1五14八八95#扣扣.com 举报,一经查实,本站将立刻删除。