

### 前提・実現したいこと

Nuxt.jsとfirebaseを使って道場生の情報として生年月日から年齢を計算するプログラムを作っています。計算まではうまく行きましたが、その計算結果を表示させることがうまくできなくて困っています。

### 発生している問題・エラーメッセージ

[code]

    Cannot read property 'age' of undefined
    
[/code]

### 該当のソースコード

[code]

    <template>
    略
     <td>{{ this.age }}歳</td>
    略
    </template>
    
    export default {
      data() {
        return {
          age: '',
      },
      created() {
        this.$store.dispatch('setStudentsRef', db.collection('students'));
        // 年齢を計算 //
        const studentRef = db.collection('students');
        studentRef.get().then(querySnapshot => {
          querySnapshot.forEach(birthDayDocSnapshot => {
            const birthDay = birthDayDocSnapshot.data().pickerDate;
            const today = moment();
            let y = Math.floor(moment.duration(today.diff(birthDay)).as('months') / 12);
            this.age = y;
          });
        });
      },
    
[/code]

### 試したこと

console.log(this.age)とするとちゃんと数字のデータはちゃんと取れています。  
コールバック関数の問題でもなさそうですし、どうすればいいのか困っています。

### 補足情報（FW/ツールのバージョンなど）

ここにも同様の質問を掲載しています。  
<https://teratail.com/questions/301462?modal=q-comp>


CC BY-SA 4.0
2020-10-31T03:14:32.550
71631
2020-11-01T06:50:13.047
2020-11-01T06:50:13.047
3060
41278
question
firebase nuxt.js
Nuxt.jsで生年月日から年齢を弾き出すプログラムを作ったが表示されない。


解決しました。this.ageをageとすることで表示がされるようになりました。


CC BY-SA 4.0
2020-11-01T05:54:38.543
71640
2020-11-01T05:54:38.543
41278
71631
answer