Vue.js 创建了VueJS的生命周期挂钩问题

我有一个奇怪的问题，我不知道这是IDE还是打字错误？我有下面的代码，但是我的IDE说创建的函数未使用，并且数据不是从firebase加载的。如果我在上面输入另一个创建的生命周期钩子，它将不再显示未使用的钩子，但显然它会抱怨它重复了。请问我做错了什么

    import db from '@/fb'
    import project from './project.vue'
    export default {
        data(){
            return {
                projects: []
            }
        },
        methods: {
          completed(tasks){
              let done = 0;
              for (const task of tasks)
              {
                  if(task.complete === true){
                      done ++;
                  }
              }
              return done;
          }
        },
        created(){
            db.collection('projects').onSnapshot(res => {
                const changes = res.docChanges();
                changes.forEach(change => {
                    if(change.type === 'added'){
                        this.projects.push({
                            ...change.doc.data(),
                            id: change.doc.id
                        })
                    }
                })
            })
        },
        components: {
            appProject: project
        }
    }

---

您应该尝试定义它是一个函数。因此，您应该编写

created:function（）

---

请阅读vuejs.org/guide中关于生命周期挂钩的内容。

你能给我一个stackblitz之类的吗？你的文件扩展名是什么？不知道Stackblitz是什么对不起。这是一个.vuefile@arielb它是Vue.js组件

*.Vue

文件的

部分。结构没有问题。这是一个IDE的东西，你用的是什么IDE？

   import db from '@/fb'
import project from './project.vue'
export default {
    data(){
        return {
            projects: []
        }
    },
    methods: {
      completed(tasks){
          let done = 0;
          for (const task of tasks)
          {
              if(task.complete === true){
                  done ++;
              }
          }
          return done;
      }
    },
    created: function(){
        db.collection('projects').onSnapshot(res => {
            const changes = res.docChanges();
            changes.forEach(change => {
                if(change.type === 'added'){
                    this.projects.push({
                        ...change.doc.data(),
                        id: change.doc.id
                    })
                }
            })
        })
    },
    components: {
        appProject: project
    }
}