Javascript 如何将json值分配给Vue.js中的变量?

Javascript 如何将json值分配给Vue.js中的变量?,javascript,json,firebase-realtime-database,vue.js,vuejs2,Javascript,Json,Firebase Realtime Database,Vue.js,Vuejs2,我使用Firebase来存储数据库,并且有一个对象currentWeek,其值与currentWeek不同 我想将这个对象的值存储在一个变量中以调用它 目前,我正在使用它获取当前周,但我想从数据库获取当前周: <template> <div id="app"> <div v-if="ligler[1]"> <h3>{{ligler[1].weeks[currentWeek].day}}</h3>

我使用Firebase来存储数据库,并且有一个对象currentWeek,其值与currentWeek不同

我想将这个对象的值存储在一个变量中以调用它

目前,我正在使用它获取当前周,但我想从数据库获取当前周:

    <template>
  <div id="app">
      <div v-if="ligler[1]">
      <h3>{{ligler[1].weeks[currentWeek].day}}</h3>
  </div>
</template>

<script>
import Firebase from 'firebase'

let config = {
    apiKey: "xxxx",
    authDomain: "xxx.firebaseapp.com",
    databaseURL: "https://xxx.firebaseio.com"
}

let app = Firebase.initializeApp(config);
let db = app.database();

let ligRef = db.ref('ligler');

export default {
  name: 'app',
  firebase: {
    ligler: ligRef
  },
  data() {
      return {
        currentWeek: 18
      }
  }
}
</script>
数据库看起来像:

如何将currentWeek的值分配给vue.js中的变量?要在代码中使用它作为
[currentWeek]

<h3>{{ligler[1].weeks[currentWeek].day}}</h3>
{{ligler[1]。周[currentWeek]。日}

我有一个解决方案,我在[]之间添加对象值,它就可以工作了

ligler[1].weeks[ligler[1].currentWeek].day

我有一个解决方案,我在[]和它之间添加对象值

ligler[1].weeks[ligler[1].currentWeek].day

尝试一下vuefire pluginI会尝试的,但我现在有一个解决方案。我在[]之间添加对象值,它就可以工作了!尝试一下vuefire pluginI会尝试的,但我现在有一个解决方案。我在[]之间添加对象值,它就可以工作了!