如何在没有在init上声明的关键数据的情况下使用vue js

Question

我使用 jquery 与 api rest 进行通信数据。并使用 vue js 将数据渲染到我的模板，但我有错误。

[Vue warn]: Error in render function: "TypeError: Cannot read property 'first_name' of undefined"

这是我的代码：

var dashboard = new Vue({
  el: '#dashboard',
  data:{
    profile: {}
  }
});
axios.get(url_profile, { headers: {"Authorization": "JWT " + token} })
    .then(function(res){
        dashboard.$data.profile = res.data;
    })
    .catch(function(err){
        toastr.err(err);
    });

谢谢。

Answer 1

https://v2.vuejs.org/v2/guide/instance.html#Data-and-Methods

如果您知道以后需要一个属性，但它一开始是空的或不存在，则需要设置一些初始值。 例如：

data: {
  newTodoText: '',
  visitCount: 0,
  hideCompletedTodos: false,
  todos: [],
  error: null
}