在Vue中,路由是用于管理应用程序中不同页面之间导航的机制。
Vue Router是Vue.js官方提供的路由管理器,它通过集成到Vue应用程序中,提供了一种简单而强大的方式来实现单页应用程序(SPA)的路由功能。
以下是Vue Router的基本用法:
1:安装Vue Router:
首先,使用npm或yarn等包管理工具安装Vue Router。在项目中执行以下命令:
npm install vue-router
2:定义路由:
在Vue Router中,定义应用程序的路由。创建一个新的JavaScript文件(通常命名为router.js),并在其中导入Vue和Vue Router。然后,定义路由和对应的组件。
// 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', compon