vue3项目创建新页面

在Vue3项目中，创建新的页面通常涉及到组件的创建和路由配置。以下是基本步骤：

1. **创建组件**：
- 打开命令行工具，进入项目的`src/components`目录（如果没有就新建一个）。
- 创建一个新的文件，例如`NewPage.vue`，这是你的组件文件。在这个文件里，你需要定义一个 Vue 组件，包括模板、数据以及可能的方法。例如：

   <template>
     <div>这是一个新页面的内容</div>
   </template>
   <script>
   export default {
     name: 'NewPage',
     data() {
       return {
         message: 'Hello from New Page'
       }
     },
     methods: {}
   }
   </script>

2. **注册组件**：
在`main.js`或者其他合适的地方，通过 `import` 导入这个组件，并添加到组件选项中，以便它可以在整个应用中被引用。

3. **配置路由**：
使用 Vue Router 来管理应用的路由。首先安装并引入 router：

   npm install @vue/router

然后在`src/router/index.js`中设置路由，比如：

   import { createRouter, createWebHistory } from 'vue-router';
   import NewPage from './components/NewPage.vue';

   const routes = [
     { path: '/new-page', component: NewPage },
   ];

   const router = createRouter({
     history: createWebHistory(process.env.BASE_URL),
     routes,
   });

   export default router;

这样当访问`http://localhost:8080/new-page`时，就会显示你的新页面。

4. **启动服务**：
最后，在`package.json`中运行`npm run serve` 或者 `yarn serve`，启动本地服务器，然后在浏览器中访问相应的路径查看新页面是否正常加载。