以前一直在用JQuery自帶的ajax功能糯俗,后來(lái)?yè)Q了Vue顶霞,又開(kāi)始用axios肄程。但是每次用ajax的時(shí)候總是覺(jué)得不夠輕松——Web2.0的時(shí)代,Ajax就應(yīng)該像按鈕选浑、像圖片蓝厌,使用起來(lái)如同原生一般輕松,這樣才對(duì)嘛鲜侥!
<button v-api:target="{method:'get',url:'localhost/api',data:array,map:relation}"></button>
...沒(méi)錯(cuò)褂始,Ajax就應(yīng)該像這樣!一條指令描函,輕松搞定崎苗。
不扯虛的,直接上代碼:
[注1]:見(jiàn)上期文章全棧爬坑之路:愉快的Vue組件通信舀寓,使用mark標(biāo)簽決定通信對(duì)象
[注2]:見(jiàn)上期文章全棧爬坑之路:愉快的Vue組件通信胆数,實(shí)現(xiàn)原理1
[注3]:見(jiàn)上期文章全棧爬坑之路:愉快的Vue組件通信,將response.data中的屬性與組件data中的屬性對(duì)應(yīng)起來(lái)
中間略去一段判斷postman存在性的代碼(其實(shí)是忘記寫了)互墓。
[注4]:見(jiàn)....好了別打我 知道錯(cuò)了QWQ ?如果不使用數(shù)據(jù)同步功能這段可以刪除
[注5]:當(dāng)不使用map指定對(duì)應(yīng)關(guān)系時(shí)必尼,v-load:target="{id:'my_id'}"則直接將response.data.id同步到v-load指令所在對(duì)象data中的my_id上;否則按照上期...文章中的方式進(jìn)行映射指定。