console.firebase.google.com:

DB data structure - http://joxi.ru/DmBg8lOTwjK7M2

rule:

service cloud.firestore { match /databases/{database}/documents { match /{document=**} { allow read, write: if true; } } }

Main.js:

 import Vue from 'vue' import VueFire from 'vuefire' import App from './App.vue' Vue.use(VueFire)

App.vue:

 <template> <div> <div v-for="place in places"> <div>{{place.to}}</div> </div> {{places}} </div> </template> <script> import Firebase from 'firebase'; /* конфигурация с console.firebase.google.com */ let config = { apiKey: "...", authDomain: "...", databaseURL: "...", projectId: "...", storageBucket: "...", messagingSenderId: "..." }; let app = Firebase.initializeApp(config); let db = app.database(); console.log(db); /* выводит Database {repo_: Repo, root_: Reference, INTERNAL: DatabaseInternals} */ export default { firebase: { places: db.ref('places') }, } </script>

The console does not show any errors, in {{places}} is empty. vue dev tools shows - http://joxi.ru/krDgzLXTE3VNRA

pliz tell me what's wrong

    1 answer 1

    Found a mistake. Data scored in the Cloud Firestore, and not in the Realtime Database. Redid everything worked.