initで宣言されたキーデータなしでvue jsを使用する方法

Question

私は、テンプレートデータを描画するために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://vuejs.org/v2/guide/instance.html#Data-and-Methods

If you know you’ll need a property later, but it starts out empty or non-existent, you’ll need to set some initial value. For example:

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