全栈爬坑之路:让Ajax轻松点

以前一直在用JQuery自带的ajax功能,后来换了Vue,又开始用axios。但是每次用ajax的时候总是觉得不够轻松——Web2.0的时代,Ajax就应该像按钮、像图片,使用起来如同原生一般轻松,这样才对嘛!

...没错,Ajax就应该像这样!一条指令,轻松搞定。

不扯虚的,直接上代码:

全栈爬坑之路:让Ajax轻松点_第1张图片
的代码编辑实在是烂 只好上图了

[注1]:见上期文章全栈爬坑之路:愉快的Vue组件通信,使用mark标签决定通信对象

[注2]:见上期文章全栈爬坑之路:愉快的Vue组件通信,实现原理1

[注3]:见上期文章全栈爬坑之路:愉快的Vue组件通信,将response.data中的属性与组件data中的属性对应起来

中间略去一段判断postman存在性的代码(其实是忘记写了)。

全栈爬坑之路:让Ajax轻松点_第2张图片
第二部分 具体实现

[注4]:见....好了别打我 知道错了QWQ  如果不使用数据同步功能这段可以删除

[注5]:当不使用map指定对应关系时,v-load:target="{id:'my_id'}"则直接将response.data.id同步到v-load指令所在对象data中的my_id上;否则按照上期...文章中的方式进行映射指定。


全栈爬坑之路:让Ajax轻松点_第3张图片
测试结果

你可能感兴趣的:(全栈爬坑之路:让Ajax轻松点)