Pass Firebase-Referenz als Prop in Vue

Question

Ich habe eine Firebase-Referenz in meiner Top-Level-Komponente. Wie kann ich dies als Requisite an eine Kindkomponente in vue weitergeben?

<template> 
    <div id="app"> 
    <NavBar /> 
    <router-view db="pass the db ref here" storage="pass the storage ref here" /> 
    </div> 
</template> 

<script> 
import { db, storage } from './config/firebase'; 
import NavBar from './components/NavBar'; 

export default { 
    name: 'app', 
    components: { 
    NavBar, 
    }, 
}; 
</script> 

Answer 1

Zuerst stellen die db und storage Referenzen als Dateneigenschaften des Wurzel Vue Beispiel:

data() { 
    return { db, storage }; 
} 

Dann binden sie an die <router-view> Komponente:

<router-view :db="db" :storage="storage" /> 

Die untergeordnete Komponente muss diese haben props deklariert:

props: { 
    db: Object, 
    storage: Object 
}