vue动态加载组件

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

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

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

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

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

(2)配置我的组件信息,代码如下:


(3)vue父组件script脚本中加载我的组件

(4)template中加载我的组件,主要是用的vue的 is 特性,代码如下:

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

OK,大功告成,欢迎大家批评指正!!!

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容