如何在 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

\n

\n

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

\n

\n

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

\n