Vue动态组件和异步组件原理详解

前言 在vue官方资料中，我们可以可以很学会如何通过vue构建“动态组件”以及“异步组件”，然而，在官方资料中，并没有涉及到真正的“动态异步”组件，经过大量的时间研究和技术分析，我们给出目前比较合理的技术实现方式，并分析一下vue动态异步组件的原理 动态组件 & 异步组件的存在，使得我们更方便地控制首屏代码的体积，加快加载速度。 抛开具体细节不谈，一个普通 Vue 组件从创建到展现在页面里，主要经历了以下流程： // 组件 Object { template: '<div>I am async!</div>' } // 经过 compileToFunctions 得到对应的 rend