如何取消订阅() vue.js组件中的firebase集合

<template>
  <div>
    <!-- 组件内容 -->
  </div>
</template>

<script>
import firebase from 'firebase/app';
import 'firebase/firestore';

export default {
  data() {
    return {
      collectionRef: null, // 保存Firebase集合的引用
      collectionData: [] // 保存Firebase集合的数据
    };
  },
  created() {
    // 订阅Firebase集合
    this.collectionRef = firebase.firestore().collection('your_collection');
    this.collectionRef.onSnapshot(snapshot => {
      // 处理集合数据
      this.collectionData = snapshot.docs.map(doc => doc.data());
    });
  },
  beforeDestroy() {
    // 取消订阅Firebase集合
    if (this.collectionRef) {
      this.collectionRef(); // 调用Firebase引用的取消订阅方法
    }
  }
};
</script>