vue动态加载组件

作者: webGIS_liyb | 来源:发表于2019-07-29 16:46 被阅读0次

网上查了好多动态加载组件的方法，都未能满足自己的需求，我的需求是：

（1）将组件信息（名称、路径等）放到配置文件中

（2）在父组件中引入配置文件，然后在script脚本中根据配置文件的组件信息动态引入组件，在template中动态加载组件

好了，理清了自己的需求，然后开始实现自己的需求，配置信息我暂时写到组件里面了，思路及代码如下：

（1）新建我的两个组件aComponent.vue 和 bComponent.vue，这个我想你写过vue，应该和1+1=2差不多吧，不再赘述啦。

（2）配置我的组件信息，代码如下：

（3）vue父组件script脚本中加载我的组件

（4）template中加载我的组件，主要是用的vue的 is 特性，代码如下：

到此，动态加载组件代码全部写完啦，是不是很简单哈，希望能帮到大家，并附上全部代码：

OK，大功告成，欢迎大家批评指正！！！

相关文章