需求描述:從首頁增加各菜單新增快捷入口,可靈活配置
因新增為彈出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是使用即創建,所以不存在重置參數或初始化就加載頁面組件的問題