javascript - vue 2.0 methods 里ajax生成的数据，怎么赋值给data

Question

     <p class="detail-top">
        <ul v-for="pro in info_in">                                      
            <li>{{pro.price}}</li>                                              
            <li>{{pro.num}}</li>                                              
        </ul>
    </p>
    var vm = new Vue({
        el:'#all',
        data:{
            
            detail:[
                {name:'五档',id:'0',iscur:true},
                {name:'单价',id:'1',iscur:false},
                {name:'数量',id:'2',iscur:false},
                {name:'总价',id:'3',iscur:false},
            ],
            info:{},
        },
        methods:{
            datas: function (type,ext){
                $.ajax({
                    type:"GET",
                    url:"/trade_data",
                    data:{type:type,ext:ext},
                    datatype:"json",
                    success: function(reslue){
                         this.info = resule;
                    }.bind(this)
                })
            }
        }

    })
    
    
    怎么调用显示在页面？ul li  里面显示
  
  
   
    ***已解决***：
<p class="detail-top">
    <ul >
                        
    </ul>
</p>
var vm = new Vue({
    el:'#all',
    data:{
        detail:[
            {name:'五档',id:'0',iscur:true},
            {name:'单价',id:'1',iscur:false},
            {name:'数量',id:'2',iscur:false},
            {name:'总价',id:'3',iscur:false},
        ],
        info_in:[],
        info_out:[]
        
    },
    mounted: function () {
        var that = this;
        $.ajax({
            type:"GET",
            url:"/trade_data",
            data:{type:$_GET['type'],ext:$_GET['ext']},
            dataType:"json",
            success: function(result) {
                that.info_in=result.in;
                that.info_out=result.out;
            }
        })
    }
 })
    
    感谢各位回答

Answer 1

***已解决***：

<p class="detail-top">

<ul >
                    
</ul>

</p>
var vm = new Vue({

el:'#all',
data:{
    detail:[
        {name:'五档',id:'0',iscur:true},
        {name:'单价',id:'1',iscur:false},
        {name:'数量',id:'2',iscur:false},
        {name:'总价',id:'3',iscur:false},
    ],
    info_in:[],
    info_out:[]
    
},
mounted: function () {
    var that = this;
    $.ajax({
        type:"GET",
        url:"/trade_data",
        data:{type:$_GET['type'],ext:$_GET['ext']},
        dataType:"json",
        success: function(result) {
            that.info_in=result.in;
            that.info_out=result.out;
        }
    })
}

})

Answer 2

这不是最基本的示例吗？还是看文档吧。

Answer 3

难道是this.data.info = resule;？

Answer 4

同意楼上 @scort 的说法。
这真的是Vue的基础示例啊...
所以还是先把文档先看一遍吧~
Vue官方文档

Answer 5

如上赋值方式是ok的，没有什么问题。另外有一点需要注意的是对于新增的属性是不具有响应式的额，vue文档中说得很明白。
可见这篇文章的简单说明：https://segmentfault.com/a/11...

Answer 6

<ul v-for="val in info">
    <li>{{val.xxxx}}</li>
</ul>

Answer 7

应该是
vm.info = resule