在Vue.js中创建多页面项目，你可以使用Vue Router来实现。下面是一个简单的步骤：
1. 安装Vue Router：首先，确保你已经安装了Vue.js。然后，在项目目录下使用以下命令安装Vue Router：
npm install vue-router
2. 创建页面组件：在你的项目中创建多个Vue组件，每个组件对应一个页面。例如，你可以创建Home.vue、About.vue、Contact.vue等组件。
3. 配置路由：创建一个名为router.js的文件（或者根据项目命名规则），并在该文件中配置路由。每个路由应该映射到一个页面组件。以下是一个简单的例子：
import Vue from 'vue'; import VueRouter from 'vue-router'; import Home from './components/Home.vue'; import About from './components/About.vue'; import Contact from './components/Contact.vue'; Vue.use(VueRouter); const routes = [ { path: '/', component: Home }, { path: '/about', component: About }, { path: '/contact', component: Contact } ]; const router = new VueRouter({ routes // short for `routes: routes` }); export default router;
4. 在主应用程序中引入路由：在你的主应用程序文件（例如main.js）中引入并使用路由。将路由实例添加到Vue实例中，并将其作为属性传递给根组件。以下是一个例子：
import Vue from 'vue'; import App from './App.vue'; import router from './router'; new Vue({ router, // short for `router: router` render: h => h(App) }).$mount('#app');
5. 在App组件中添加导航链接：在你的App组件（例如App.vue）中添加导航链接，以便用户可以在不同页面之间进行切换。以下是一个例子：
<template> <div id="app"> <router-link to="/">Home</router-link> <router-link to="/about">About</router-link> <router-link to="/contact">Contact</router-link> <router-view></router-view> </div> </template>
