Vue.js 在Vue中，如何从加载的方法设置数据属性？

我想用从axios http请求接收的数据填充数据道具。下面是这个问题的简化版本

我想在应用加载时填充“hello”道具。当用户点击按钮时，“hello”道具应该会更新。“单击并更新”部分按预期工作，但如何获取数据以最初填充“hello”道具？我也尝试过使用计算属性，但这也不会在初始加载时填充“hello”属性。谢谢

<div id="app">
  <h1>{{ hello }}</h1>
  <button @click="updateText()">Update text!</button>
</div>

var app = new Vue({
  el:'#app',
  created() { 
    updateText() // Calling this here does not work
  },
  data: {
    hello: ''
  },
  methods: {
    updateText: function() {
      this.hello = 'hello'
    }
  }
});

{{你好}}
更新文本！
var app=新的Vue({
el:“#应用程序”，
已创建（）{
updateText（）//在此处调用此函数无效
},
数据：{
您好：“”
},
方法：{
updateText:function（）{
this.hello='hello'
}
}
});

您没有

这个。

在

中创建的方法名称之前

，因此它不调用该方法：

var app = new Vue({
  el: '#app',
  data: function() {
    return {
      hello: ''
    }
  },
  created () { 
    this.updateText()
  },
  methods: {
    updateText: function() {
      this.hello = 'hello'
    }
  }
})

---

嗯，就是这样。谢谢