5.23
在这篇博客中,我将探索Vue Router,它是Vue.js的官方路由器,允许我们构建一个单页面应用(SPA)。
安装Vue Router:
vue add router
定义路由:
// src/router/index.js
import Vue from 'vue';
import VueRouter from 'vue-router';
import Home from '../views/Home.vue';
import About from '../views/About.vue';
Vue.use(VueRouter);
const routes = [
{
path: '/',
name: 'Home',
component: Home
},
{
path: '/about',
name: 'About',
component: About
}
];
const router = new VueRouter({
mode: 'history',
base: process.env.BASE_URL,
routes
});
export default router;