用vue3如何搭建一个功能多样的项目，项目里包括创建登录页面，还有404页面，和注册页面。

要使用 Vue 3 搭建一个功能多样的项目，我们将使用 Vue CLI 创建项目，并配置 Vue Router。请按照以下步骤进行操作：

1.安装 Vue CLI：

npm install -g @vue/cli

2.使用 Vue CLI 创建一个新的 Vue 3 项目：

vue create my-project

在创建过程中，选择 Vue 3 预设。

3.进入项目文件夹：

cd my-project

选择 Vue 3 版本的 Router，并选择 "Use history mode for router? (Requires proper server setup for index fallback in production)" 以使用 History 模式。

5.在 src/views 文件夹中创建以下文件：

• Login.vue（登录页面）
• Register.vue（注册页面）
• NotFound.vue（404页面）

6.编辑 src/router/index.js，添加新的路由：

import { createRouter, createWebHistory } from 'vue-router'
import Login from '../views/Login.vue'
import Register from '../views/Register.vue'
import NotFound from '../views/NotFound.vue'

const routes = [
  {
    path: '/',
    redirect: '/login'
  },
  {
    path: '/login',
    name: 'Login',
    component: Login
  },
  {
    path: '/register',
    name: 'Register',
    component: Register
  },
  {
    path: '*',
    name: 'NotFound',
    component: NotFound
  }
]

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

export default router

在这里，我们使用了通配符路由来匹配所有未知路由，并导航到 NotFound 页面。

7.在 src/App.vue 文件中添加导航栏和路由出口：

这里我们使用了 router-link 组件来导航到路由。您可以根据需要进行调整。

8.最后，在 Login.vue、Register.vue 和 NotFound.vue 组件中添加所需的内容，例如表单、文本框等等。

现在，您已经可以使用 Vue 3 创建一个功能多样的项目，包括登录页面、注册页面和 404 页面，并且已经配置了 Vue Router。

下面是一个简单的示例，演示如何在 Login.vue 组件中添加登录表单：

这里我们使用了 v-model 指令来双向绑定表单数据，并且添加了一个 login 方法来处理登录逻辑。类似的，您也可以在 Register.vue 组件中添加注册表单，并在 NotFound.vue 组件中添加适当的文本。

现在您已经了解了如何使用 Vue 3 搭建一个功能多样的项目，包括创建登录页面、注册页面和 404 页面。当然，这只是一个简单的示例，您可以根据自己的需求进行扩展和调整。

这仅是一个简单的思路，仅供参考。