created不能异步_Vue2.5中，父组件created钩子异步获取数据，子组件没有更新绑定的参数...

问题描述：

父组件传如lesser和larger两个参数，并且是ajax从服务器获取的。子组件定义created阶段输出lesser和larger。但larger为空。改成延迟输出则正确。

问题来源：https://segmentfault.com/q/1010000008912491

提问者的主要问题是没有搞清楚，vue实例的生命周期，created函数只会执行一次。

父组件：

export default {

data(){

return {

lesser:'lesser',

larger:''

},

mounted:function(){

this.$http.post('api.example.com/email',data).then(res=>{

this.larger = res.body.emailText;

})

}

}

}

子组件

export default {

name:'my-editor',

props:['lesser','larger'],

created:function(){

console.log(this.lesser,this.larger) // ×--> 'lesser',

setTimeout(()=>{

console.log(this.lesse