炎の基準を通りの土地に渡してください

Question

私は最上位レベルのコンポーネントに火の基準を持っています。 vueの子コンポーネントへの小道具としてこれをどうやって渡すことができますか？ <router-view>コンポーネントにバインドし、その後

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

：

<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

まず、ルートVueのインスタンスのデータプロパティとしてdbとstorageの参照を設定し

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

子コンポーネントをpropsを宣言する必要があります：

props: { 
    db: Object, 
    storage: Object 
}