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;

posted @ 2025-05-23 21:01  Echosssss  阅读(7)  评论(0)    收藏  举报