为什么v-for 不管用了

Question

我在html页面中引入了vue，可是为什么没有反应呢，控制台也不报错，后台的数据也能拿到这是一个小demo 的源码有哪位大神可以指教一下

Answer 1

mounted: function(){

    var self = this;

    $.ajax({

        url: "",

        success: function(res){

            self.list = res.data

        }

    })

}

说几个问题吧..

你的dataType是jsonp, type 是 post 你是要跨域吗? 如果不是的话 dataType是不是写错了?

冒号的缩进逼死强迫症了.. 都改成 data: 这样的形式吧

你没在babel的环境里, 就不要用ES6的写法了. 改成 mounted: function(){}

就像楼上说的, 没必要为了ajax, 引入一个jquery, 去学一下 axios 怎么用.

等浏览器环境熟练之后, 再去学习和使用 vue-cli + ES6.

Answer 2

this指向的问题，

this.list = result.data

其中这里的this指向的不是vue实例

在ajax请求外保存this指向

var that = this;

$.ajax({

    ....

    success:function(res){

        that.list = res.data;

    }

})