Vue 自定义动态组件实例详解

Vue.extend(options)

统一管理自定义组件

当组件数量很多时，我们可以通过提供一个统一的出口文件来管理这些自定义组件，首先在global文件夹下新建一个index.js文件，代码如图：

index.js文件帮我们把所有自定义的组件都通过Vue.component注册了，最后export一个包含install方法的对象给Vue.use()使用。

这时候我们不需要在main.js里逐个添加动态组件了，只需要导入统一的index.js文件，并用Vue.use它就ok了。