初识axios

为什么要学习axios

Axios非常适合前后端数据交互，在Vue1.x中，官方推荐使用的ajax库是vue-resource。到了Vue2.x，官方（尤大）推荐的ajax库改为了Axios，按照说法是因为已有一个更完备的轮子，就不需要造一个新的。

前言：
第一次使用axios请求后台数据，也是第一次使用后台接口，所以在学习axios的时候也闹出不少的错误。这里我是直接引入的axios包。

<script src="https://cdn.bootcss.com/axios/0.18.0/axios.min.js"></script>

我这里写的是一个比较简单的案例（get请求），可参考：

    <script>
        var vm = new Vue({
            el: "#app",
            data: {
                list: []
            },
            created() {
                this.getList()
            },
            methods: {
                getList() {
                    axios.get('http://www.barteam.cn:1234/ApiRoot/UserInfo/GetList')
                        .then((response) => {
                            this.list = response.data
                            console.log(this.list);
                        })
                        .catch(function (error) {
                            console.log(error);
                        });
                }
            },
        })
    </script>

其中在这块代码中，箭头函数刚开始忘了写，导致了代码出错。this的指向问题要处理好。

.then((response) => {
    	  this.list = response.data
          console.log(this.list);