vue3创一个新页面包含component，请给我写出示例代码

以下是一个简单的示例代码，用于在Vue 3中创建一个新页面并包含组件：

<!-- new-page.vue -->
<template>
  <div>
    <h1>Welcome to the new page!</h1>
    <my-component />
  </div>
</template>

<script>
import MyComponent from './MyComponent.vue'; // 导入组件

export default {
  name: 'NewPage',
  components: {
    'my-component': MyComponent // 注册组件
  }
}
</script>

<!-- MyComponent.vue -->
<template>
  <div>
    <h2>This is my component</h2>
    <p>Some content goes here...</p>
  </div>
</template>

<script>
export default {
  name: 'MyComponent'
}
</script>

在这个示例中，我们创建了一个名为`NewPage`的新页面，并在其中引用了一个名为`MyComponent`的组件。`MyComponent`的代码存储在一个单独的文件`MyComponent.vue`中，该文件也在`new-page.vue`中导入和注册组件。

要访问这个新页面，只需在应用程序中添加一个路由，将其链接到`NewPage`组件即可。