vuejsコンポーネントが最初にデータを読み込むのを待ちます

現在ログインしているユーザーをロードする場所にApp.vueコンポーネントがあります。私はまた、ユーザーがログインルートへのアクセスを試みるときにユーザーをリダイレクトしたいし、現在ログインしているユーザーがすでにコンテキストに保存されている（彼はすでにサインインしている）。vuejsコンポーネントが最初にデータを読み込むのを待ちます

// inside App.vue component 
created() { 
    AuthService.getCurrentUser().then((user) => { 
    this.user = user; 
    }); 
}

私はあるCurrentUserがsettedであるかどうかのログイン・コンポーネントのcreated方法でチェックを持っていますが、ユーザーがログインページに移動しようとしたとき、それは、現在のユーザーの要求ということができるかもしれません終了していません。

私の質問は：

データがApp.vueコンポーネントのロード前にロードするために、私は待ってはどうすればよいですか？私はこのような何かを見た：実際にとにかくロードするデータとコンポーネントのロードを待ちません

waitForData: true, 
data(transition) { 
    return AuthService.getCurrentUser().then(currentUser => { 
    transition.next({ currentUser }); 
    }); 
}

を。

編集：私はbeforeRouteEnterの承知しているが、これは親のすべてのコンポーネントの構成要素ではなく、ルートの特定成分であるApp.vueコンポーネントです。ユーザーが現在のパスをチェックするApp.vueコンポーネントにloaedとしたとき、私は考えることができるhttps://router.vuejs.org/en/advanced/data-fetching.html

出典

2017-10-23 Nikola

使用VUE-ルータは、データの非同期をロードするためにbeforeRouteEnterガードを使用することができますリダイレクトする場合は\loginです。このような

何か：

created() { 
    AuthService.getCurrentUser() 
    .then(user => this.setCurrentUser(user)) 
    .then(() => { 
    const { path } = this.$router.currentRoute; 
    if (path === '/login') { 
     this.$router.push('/'); 
    } 
    });

出典

2017-10-23 14:44:03 phoet

はい、これは 'App.vue'コンポーネントですが、これはどのルートにも接続されていないため動作しません。少なくとも動作させることはできませんでした。 – Nikola