怎么把后台获取到的数据在页面显示出来?

Question

1.后台数据我获取到了,并且在控制台中能打印出来,问题是我怎么把这打印的数据,显示在html里面,利用起来,而不是单纯只会在控制台打印?Documentget1{{rel}}newVue({el:'#box',data:{},methods:{gets1:function(num){console.log(num);this.$http.get('php/get.php').then(function(rel){console.log(rel);},function(err){})},}})

Answer 1

newVue({
el:'#box',
data:function(){
return{
rel:""
}
},
methods:{
gets1:function(num){
console.log(num);
//把this赋值给self变量
varself=this;
this.$http.get('php/get.php').then(function(rel){
console.log(rel);
/*这个里面的this指向的不是Vue实例
*非严格模式下是Window对象，所以使用this.rel不起作用
*所以在外层先把this赋值给self变量
*/
//this.rel=rel;
self.rel=rel;
},function(err){
})
},
}
})
Update:上面的不起作用是this的指向不对，先把上面的代码进行修改；
                            

Answer 2

newVue({
el:'#box',
data:function(){
return{
rel:""
}
},
methods:{
gets1:function(num){
console.log(num);
this.$http.get('php/get.php').then((rel)=>{
console.log(rel);
this.rel=rel;
},function(err){
})
},
}
})
最简单的方式如上