Vue http请求 axios、vue-resource

1、axios【vue2.0官方推荐】
      axios，基于Promise的HTTP请求客户端，用来发送请求，也是vue2.0官方推荐。
      Github开源地址

   # 安装并引入 axios
　 1、npm install axios -S 【直接下载axios组件，下载完毕后axios.js就存放在node_modules\axios\dist中】
     2、网上直接下载axios.min.js文件，添加到项目中【<script src="https://unpkg.com/axios/dist/axios.min.js"></script>】
     3、通过script src的方式进行文件的引入

   # 代码实现 #
   1、引入资源方式 
   1）下载axios.min.js，添加到项目中 
   2）使用CDN：<script src="https://unpkg.com/axios/dist/axios.min.js"></script>
   3）npm方式： npm install axios 

   2、使用axios，直接封装在methods中 
      1）get方式
         axios.get('url', {
           params: {
              param1: value1,
              param2:value2
           }
         }).then(function (response) {
              // response.data中获取ResponseData实体
         }).catch(function (error) {
              // 发生错误
         });

      2）post方式：默认json格式
         axios.post('/user', {
              firstName: 'Fred',
              lastName: 'Flintstone'
         }).then(function (response) {
              // response.data中获取ResponseData实体
         }).catch(function (error) {
              // 发生错误
         });

注：put、delete类似

2、vue-resource【官方就不再更新维护】
   【注意：从 Vue 更新到 2.0 之后，官方就不再更新维护 vue-resource】
   1、通过npm的方式在线安装：npm install vue-resource

   2、在 github 中下载 vue-resource 的 文件 （在 dist 文件夹下有个 vue-resource.js 文件。）

   3、使用 CDN。<script src="https://cdn.jsdelivr.net/npm/vue-resource@1.5.1"></script>

   # 代码实现 #
   1、引入资源方式 
           1）下载vue-resource.js，添加到项目中 
           2）CDN：http://www.bootcdn.cn/vue-resource/ 
           3）npm install vue-resource 即可 。然后在main.js中配置import VueResource from ‘vue-resource’; 然后用Vue.use(VueResource) 方法启用插件。 
   
   2、使用$http，直接封装在methods中 
           1）get方式
                 this.$http.get('url',{
                             param1:value1,  
                             param2:value2  
                       }).then(function(response){  
                             // response.data中获取ResponseData实体
                       },function(response){  
                             // 发生错误
                       });
           2）post方式
                this.$http.post('url',{  
                            param1:value1,  
                            param2:value2  
                       },{  
                            emulateJSON:true  
                       }).then(function(response){  
                        // response.data中获取ResponseData实体
                       },function(response){  
                        // 发生错误
                       });

注：put、delete类似

3、Vuex
Vuex  是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。Vuex 也集成到 Vue 的官方调试工具 devtools extension，提供了诸如零配置的 time-travel 调试、状态快照导入导出等高级调试功能 。

4、VUX
VUX 是基于WeUI和Vue(2.x)开发的移动端UI组件库，主要服务于微信页面。
基于webpack + vue-loader + vux可以快速开发移动端页面，配合vux-loader方便你在WeUI的基础上定制需要的样式。
vux-loader保证了组件按需使用，因此不用担心最终打包了整个vux的组件库代码。
VUX并不完全依赖于WeUI，VUX 在 WeUI 的基础上扩展了多个常用组件，但是尽量保持整体UI样式接近WeUI的设计规范。

5、
*
*
*