vue-router@4.0.16 简单上手

安装vue-router

yarn add vue-router

cnpm i vue-router

使用

router.js

import { createRouter, createWebHistory } from 'vue-router';

let routes = [
    {
        path: '/',
        name: 'a',
        component: () => import('../components/a.vue'),
    },
    {
        path: '/b',
        name: 'b',
        component: () => import('../components/b.vue'),
    },
];
const router = createRouter({
    history: createWebHistory(),
    routes,
});

export default router;

main.js

import { createApp } from 'vue';
import App from './App.vue';
import axios from 'axios';

const app = createApp(App);
import router from './router/router';

app.use(router);
app.mount('#app');

app.vue

<template>
    <div id="app">
        <router-view></router-view>
    </div>
    <!-- <img alt="Vue logo" src="./assets/logo.png" @click="getList" /> -->
    <!-- <HelloWorld /> -->
</template>