需求是首先通過一個(gè)異步的方式獲取一個(gè)組件名稱的列表,然后根據(jù)這個(gè)列表(字符串?dāng)?shù)組形式)加載這個(gè)列表上的組件,然后循環(huán)顯示在頁(yè)面上我先照著vue官網(wǎng)上的搞了一個(gè),我現(xiàn)在可以將組件異步加載,但是我不知道該如何進(jìn)行下去了constAsyncComponent=()=>({component:import(`../plugs/Link`)})exportdefault{name:'Menu',components:{},data(){return{plugs:[]}},created(){},computed:{Link:function(){returnAsyncComponent}}}接vv13的回答:上邊的例子是我現(xiàn)在寫的樣子,容易誤導(dǎo)人,我換一種需求的例子目前需求里示例中的Link1、Link2等組件不一定存在,全是從另一個(gè)接口中獲取的組件列表例如:exportdefault{name:'Menu',components:{//此處并非固定,所有組件均從后臺(tái)添加前臺(tái)無法在components中寫死},data(){plugs:[]//此為組件列表},created(){//此處獲取到列表fetch('plugs.php').then((data)=>data.json()).then((data)=>{//data可能是['Link1','Link2','components1','components2',...]所有組件均從后臺(tái)添加前臺(tái)無法在components中寫死,并且在此假設(shè)所有組件文件都由后臺(tái)上傳并存放在`../plugs/Link`目錄下this.plugs=data;})},computed:{}}
如何使用VUE動(dòng)態(tài)的對(duì)異步組件進(jìn)行加載?
長(zhǎng)風(fēng)秋雁
2019-05-11 16:41:20