有时不显示vue数据！但是有空工作！为什么？

Question

我正在使用laravel 6.0并使用vue组件。npm运行dev之后，我刷新页面和名称（组件上的数据）未显示。但是我刷新页面几次后，它将显示出来，并再次显示不显示来自请求的数据（名称）。

ExampleComponent.vue

 <h5>{{name}}</h5>

 data() {
     return {
        name: ''
     }
 },
 mounted() {
      axios.get('/api/user')
         .then(response => {
             console.log(response);
             this.name = response.data.name;
      });
 },

控制台日志显示数据，但有时不显示在vue组件中。但是有些时间还可以。在这两个时间控制台中，日志数据都能正确显示。

console log screenshot

我已经尝试过

mounted() {
let self = this;
  axios.get('/api/user')
     .then(response => {
         console.log(response);
         self.name = response.data.name;
  });
 },

但是情况没有改变。

Answer 1

最好使用created()代替mounted()。 created()在创建组件时获取数据。请看看-click-here