制作一个VUE提示错误页面

你可以使用以下代码来制作一个基本的VUE提示错误页面：

<template>
  <div class="error-page">
    <h1>{{ errorMessage }}</h1>
  </div>
</template>

<script>
export default {
  name: 'ErrorPage',
  props: {
    errorMessage: {
      type: String,
      required: true
    }
  }
}
</script>

<style scoped>
.error-page {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
  font-size: 2rem;
  color: red;
}
</style>

在该代码中，我们首先定义了一个 `error-page` 的样式，它将错误页面居中显示，并设置了红色的字体颜色和大号的字体大小。

然后，我们定义了一个 `ErrorPage` 组件，并传递了一个名为 `errorMessage` 的属性，该属性用于显示错误信息。在组件中，我们仅显示了一个标题，其中包含了传递的错误信息。

最后，我们使用了 `scoped` 样式，它将该样式仅应用于当前组件中。

你可以在具体使用时，像这样调用该组件：

<ErrorPage errorMessage="Oops, something went wrong!" />

其中，`errorMessage` 属性用于传递错误信息。你可以根据需要更改此信息或样式。