以前一直在用JQuery自带的ajax功能,后来换了Vue,又开始用axios。但是每次用ajax的时候总是觉得不够轻松——Web2.0的时代,Ajax就应该像按钮、像图片,使用起来如同原生一般轻松,这样才对嘛!
<button v-api:target="{method:'get',url:'localhost/api',data:array,map:relation}"></button>
...没错,Ajax就应该像这样!一条指令,轻松搞定。
不扯虚的,直接上代码:
简书的代码编辑实在是烂 只好上图了
[注1]:见上期文章全栈爬坑之路:愉快的Vue组件通信,使用mark标签决定通信对象
[注2]:见上期文章全栈爬坑之路:愉快的Vue组件通信,实现原理1
[注3]:见上期文章全栈爬坑之路:愉快的Vue组件通信,将response.data中的属性与组件data中的属性对应起来
中间略去一段判断postman存在性的代码(其实是忘记写了)。
第二部分 具体实现
[注4]:见....好了别打我 知道错了QWQ 如果不使用数据同步功能这段可以删除
[注5]:当不使用map指定对应关系时,v-load:target="{id:'my_id'}"则直接将response.data.id同步到v-load指令所在对象data中的my_id上;否则按照上期...文章中的方式进行映射指定。
测试结果