Comment utiliser vue js sans les données clés déclarées sur init

Question

J'utilise jquery pour les données de communication avec api rest.Et j'utilise vue js pour rendre les données à mon modèle, mais j'ai une erreur.

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

Ce mon code:

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); 
    }); 

Merci.

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 
}