前后端分离 如何使用后端接口返回的数据

[qq_42846915]

前端采用vue 后端写的接口，返回的有data数据，如何在前端写路由和组件时，调用后端接口返回的data，在vue实例中的data引用后端返回的data？

[田小瘦]

这个vue的教程里有例子, vue里面的data下有return指定ruleForm字段,就自动装配了, 最好看看实例去

[風灬雲]

在Vue的生命周期中请求接口；一般会在mounted里面用axios请求；返回来的数据赋值给data

data(){
     return {
          data:""
     }
}
mounted(){
   axios({
         url:"",
         method:"",
         ....
    }).then(res=>{
           this.data=res
    })
}

这样就可以在实例或组件里面使用了；一般还要做一个异步请求加载中的处理；因为请求回来之前data是空的

[CLX_Dream]

[槿畔]

this.data调用你定义的data，，，callback成功回调的data值是接口返回的，，，二者完全不冲突。。如何调用？把成功返回的data值赋值给你定义的data就好了呗。。。 this.data = data