img標(biāo)簽?zāi)抢? :src="img"
data里面定義 img = ""
sucess回調(diào)里面 this.img = 獲取的圖片數(shù)據(jù)
建議看看vue文檔

success函數(shù)改為箭頭函數(shù), src前面加 :

<img :src="url" />

success: (res) => {
    this.url = res.data.url
}

你這個(gè)完全是沒(méi)看過(guò)vue文檔啊，錯(cuò)誤點(diǎn)太多了。
處理思路是data里面定義變量，接收后臺(tái)返回的數(shù)據(jù)。變量賦值應(yīng)該是this.modules=res.data.modules;
第二個(gè)問(wèn)題，定義方法應(yīng)該放在methods里面，然后在created周期里面調(diào)用；
至于循環(huán)到頁(yè)面的問(wèn)題，參考第一個(gè)人的答案。