vue-resource 获取列表

本文是本人在学习vue-resource时的感想，萌新见解，如有错误，请指出，谢谢。

Vue 实现 Ajax请求 和跨域请求主要是通过插件vue-resource.js。

一、vue-resource特点

　　1、体积小：vue-resource非常小巧，在压缩以后只有大约12KB，服务端启用gzip压缩后只有4.5KB大小，这远比jQuery的体积要小得多。

　　2、支持主流浏览器：和Vue.js一样，vue-resource除了不支持IE 9以下的浏览器，其他主流的浏览器都支持

　　3、支持Promise API和URI Templates：Promise是ES6的特性，Promise的中文含义为“先知”，Promise对象用于异步计算。 URI Templates表示URI模板，有些类似于ASP.NET MVC的路由模板

　　4、支持拦截器：拦截器是全局的，拦截器可以在请求发送前和发送请求后做一些处理。 拦截器在一些场景下会非常有用，比如请求发送前在headers中设置access_token，或者在请求失败时，提供共通的处理方式

二.具体使用

参考：vue-resource基本使用方法 - 古兰精 - 博客园

三.实现获取品牌列表

以上为HTML部分代码，使用了表格布局，用了bootstrap，因为需要接口获取数据，所以可以不在页面中直接使用id

vue部分

首先实例化一个vue对象，因为不直接使用id 所以此处不定义，从接口获取的数据需要使用列表保存，在获取数据时，使用了get的方式获取，接口为：http://www.liulongbin.top:3005/api/getprodlist 

此接口时B站网友提供，在此表示感谢

在获取数据时因为数据本身时存储在result.body中的，所以使用res接受，然后判断res.status的状态，状态为0，则成功，否，则失败。