为什么我的组件没有在 VueJS 中更新？

Question

我正在从 React 切换到 Vue，但我无法强制我的组件更新。这是我的代码：

<template>
  <div>
  </div>
</template>

<script>
export default {
  name: "Home",
  components: {
  },
  data() {
    return {
      jobs: []
    };
  },
  mounted() {
    this.fetchData();
  },
  updated(){
    console.log('Updated: ' + this.jobs);//cant log this
  },
  methods: {
    async fetchData() {
      const response = await fetch('jobs.json');
      const data = await response.json();
      console.log(data);//json array. This logs fine
      this.jobs.push(...data);
    }
  }
};
</script>

<style scoped>
.first-row {
  padding-top: 10%;
}
</style>

我无法调用更新方法，因此无法记录我的数据。知道为什么会这样吗？