如何创建vue多页面项目

在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 &#