需求描述：从首页增加各菜单新增快捷入口，可灵活配置

因新增为弹出dialog组件，因此需要在首页入口引用此组件，因为灵活配置，因此我需要把所有能涉及到的组件全部引入首页，这很繁琐，且效率低下。不利于首页加载。

如果组件能使用api的方式去调用，是不是就可以封装一个公用方法，免去很多无用加载操作。

因此我引用vue-create-api来解决此问题

 

1、安装vue-create-api  

　　npm install vue-create-api

2、src下创建createApi模块

 

 3、编写modal.js文件（设置方法调用前缀）

 

 4、main.js中引用

 

5、编写公共弹出方法（其参数说明请参考vue-create-api官网）

 

6、方法调用及传参（参数动态）

 

 

因create-api是使用即创建，所以不存在重置参数或初始化就加载页面组件的问题

 

版权声明：本文为dreamcome原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://www.cnblogs.com/dreamcome/p/13292967.html