$ui.ajax,vue的element ui里无法使用ajax？

试图在element ui里的table组件里使用ajax动态加载数据使用

:data="tableData"

style="width: 100%">

prop="customerId"

label="日期"

width="180">

prop="companyName"

label="姓名"

width="180">

prop="phone"

label="地址">

new Vue({

el:'#app',

data:{

tableData: [],

getUrl: 'http://211.149.193.19:8080/api/customers',

},

created: function(){

this.getTableData()

},

methods:{

getTableData:function(){

var that = this;

that.$http({

method:'GET',

url:this.getUrl

}).then(function(response){

this.tableData = response;

},function(error){

console.log(error)

})

}

}

})

参考的是没有用elementui的ajax，求大神给给建议，这样写可以吗？需要学习cli和webpack吗？我是后端兼职前端。