Vue之ajax请求表格数据时控制台能正常打印数据，但是无法渲染到页面上

原因:在 then的内部不能使用Vue的实例化的this, 因为在内部 this 没有被绑定

解决方法有：
（1）用ES6箭头函数，箭头方法可以和父方法共享变量

 

 

 

（2）在请求ajax外面定义一下 var that=this

?

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22

new Vue({     el: "#app",     data: {         sites: [],     },     created: function () {         //为了在内部函数能使用外部函数的this对象，要给它赋值了一个名叫self的变量。         var self = this;         $.ajax({             url: 'http://localhost:8080/student/json',             type: 'get',             dataType: 'json'         }).then(function (res) {             //把从json获取的数据赋值给数组             self.sites=res;             console.log(getQueryVariable("page"))             console.log(res.length)         }).fail(function () {             console.log('失败');         })     } })