谈谈Vue.js——vue-resource全攻略

上一篇我们介绍了如何将$.ajax和Vue.js结合在一起使用，并实现了一个简单的跨域CURD示例。Vue.js是数据驱动的，这使得我们并不需要直接操作DOM，如果我们不需要使用jQuery的DOM选择器，就没有必要引入jQuery。vue-resource是Vue.js的一款插件，它可以通过XMLHttpRequest或JSONP发起请求并处理响应。也就是说，$.ajax能做的事情，vue-resource插件一样也能做到，而且vue-resource的API更为简洁。另外，vue-resource还提供了非常有用的inteceptor功能，使用inteceptor可以在请求前和请求后附加一些行为，比如使用inteceptor在ajax请求时显示loading界面。本文的主要内容如下：。除了jsonp以外，另外6种的API名称是标准的HTTP方法。{/id}相当于一个占位符，当传入实际的参数时该占位符会被替换。例如，响应的状态码如果是404，你可以显示友好的404界面。这个问题，同样也可以通过inteceptor解决。