vue.js - vue jsでプッシャーを使用してデータを変数に書き換えるにはどうすればよいですか?

Question

vue js でプッシャーを使用する場合、vue js 変数データをどのように書き換えるのですか。

この場合、私が持っているプッシャーは 5 分ごとにデータを変更しますが、ここでは前の変数を書き換えません。

通常、私は以下のみを使用します。

<template>
    <div class="animated fadeIn">
        <b-card>
            <b-card-header>
                Record User
            </b-card-header>
            <b-card-body>
                <div>
                    <h3>Name  : {{ name }}</h3>
                    <h4>Email : {{ email }}</h4>
                </div>
            </b-card-body>
        </b-card>
    </div>
</template>

<script>
import Pusher from 'pusher-js' 

export default {
    name: 'Index',
    data() {
        return {
            name: 'John Doe',
            email: 'jdoe@gmail.com'
        }
    },
    created () {
      this.subscribe()
    },
    methods: {
      subscribe () {
        let pusher = new Pusher(process.env.VUE_APP_PUSHER_KEY, { cluster: 'ap1', forceTLS: true })
        pusher.subscribe('users')
        pusher.bind('list', data => {
          console.log(data);
          this.name = data.name
          this.email = data.email
        })
      },
    },
}
</script>

しかし、それは変わっていません、助けてください。

ありがとうございました