【前端 21】Vue Router路由配置

Vue Router路由配置

在Vue.js项目中，Vue Router是官方提供的路由管理器，用于构建单页面应用（SPA）。它允许我们通过不同的URL访问不同的页面组件，而无需重新加载页面。下面，我将详细介绍如何在Vue项目中配置和使用Vue Router。

安装Vue Router

首先，确保你已经安装了Vue CLI并创建了一个Vue项目。如果项目是在创建时没有勾选路由功能，你可以通过npm手动安装Vue Router。这里以安装Vue Router 3.5.1版本为例：

npm install vue-router@3.5.1

在main.js中引入并使用Vue Router

安装完Vue Router后，你需要在main.js（或项目的入口文件）中引入并使用它。同时，确保将router实例传递给Vue实例。

import Vue from 'vue'  
import App from './App.vue'  
import router from './router'