以前一直在用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上；否则按照上期...文章中的方式进行映射指定。
测试结果
网友评论