vuejs montiert Lebenszyklus nicht

Question

in meiner App-Komponente unter Auslösung montiert() Lifecycle Haken nicht ausgelöst:

<template> 
    <div> 
    <div v-if='signedIn'> 
     <router-view /> 
    </div> 
    </div> 
</template> 

<script> 
import Vue from 'vue' 
import Oidc from 'oidc-client' 

Vue.use(Oidc) 

export default { 
    data() { 
    return { 
     user: null, 
     signedIn: false, 
     mgr: new Oidc.UserManager({...settings...}) 
    } 
    }, 
    methods: { 
    signIn() { 
    }, 
    signOut() { 
    }, 
    getUser() { 
    }, 
    mounted() { 
     this.getUser() 
    } 
    } 
} 
</script> 

ich mehrmals durch den Code gegangen sind, nicht sicher, was ich fehle. Ich habe dies in der main.js Datei:

new Vue({ 
    el: '#app', 
    render: h => h(App), 
    router 
}) 

Answer 1

Sie haben die mounted innerhalb des method Bereich und dies bedeutet, dass eine ‚Funktion‘ genannt (wie getUser()) montiert ist, nicht die mounted, die automatisch aufgerufen, wenn die Komponentenbefestigungen.

Sie sollten es mögen ändern:

methods: { 
    signIn() { 
    }, 
    signOut() { 
    }, 
    getUser() { 
    } 
    }, 
mounted() { 
     this.getUser() 
} 

Und dann sollte es funktionieren und automatisch von Vue als normale Lebenszyklus Methode aufgerufen werden.

Hoffe es hilft!