如何在Vue.js中将json值赋给变量？

Question

我使用Firebase来存储数据库，并且使用当前周的值为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>

我试过这个，但它不起作用：

data() {
      return {
        currentWeek: ligler[1].currentWeek
      }
  }

数据库看起来像：

如何将currentWeek的值赋给vue.js中的变量？要在代码中使用它[currentWeek]：

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

Answer 1

我有一个解决方案，我在[]之间添加对象值并且它可以工作!!!

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