Vue2.X 通过 ajax 获取 API 数据（非 axios）

不多废话，笔记如下

1. javascript:

        let vm = new Vue({
            el: '#card-text',
            data: {
                info: ''
            },
            beforeCreate: function () {
                // 这个 _this 现在是指向 vue ，因为是vue调用了 beforeCreate()方法。
                // 如果这里不保存，那么this将会在下面的 success() 方法中重置，重置之后是指向调用它的对象，也就是 ajax
                let _this = this;
                let url = "http://localhost:5000/api/Blog";
                $.ajax({
                    url: url,
                    dataType: "json",
                    async: true,
                    //data:{"id":"value"},
                    type: "GET",
                    beforeSend: function () {

                    },
                    success: function (req) {
                            // $(req).each(function (index, item) {
                            // let abstract = item.abstract;
                            // let createTime = item.createTime;
                            // $("#card-text").html(abstract);
                            // $("#card-time").html(createTime);
                            // });
                        _this.info = req;
                    },
                    complete: function () {

                    },
                    error: function () {

                    }
                })
            }
        });

2. html:

<div class="row" id=card-text>

    <div class="col-md-4" v-for="item in info">
        {{item.XXXX}}
    </div>

</div>

3. BTW：

1、函数名是一个指向函数的指针。

2、函数执行环境（this什么时候初始化）：当某个函数第一次被调用时，会创建一个执行环境，并使用this/arguments和其他命名参数的值来初始化函数的活动对象。

3、初始化指向谁：在Javascript中,this关键字永远都指向函数(方法)的所有者。