显示vue组件中的错误( Noob问题)

<template>
  <div>
    <!-- 其他组件内容 -->
    <p v-if="error">{{ error }}</p>
  </div>
</template>

<script>
export default {
  data() {
    return {
      error: null
    };
  },
  methods: {
    fetchData() {
      // 模拟异步请求数据
      setTimeout(() => {
        try {
          // 请求数据的代码
        } catch (error) {
          this.error = error.message;
        }
      }, 1000);
    }
  },
  mounted() {
    this.fetchData();
  }
};
</script>