vue3配合vue router4使用

最新推荐文章于 2024-06-30 12:43:04 发布

imHere·

最新推荐文章于 2024-06-30 12:43:04 发布

阅读量5.3k

点赞数 3

分类专栏： vue 文章标签： vue3 vue router4

本文链接：https://blog.csdn.net/qq_31754523/article/details/108830149

版权

vue 专栏收录该内容

34 篇文章 1 订阅

订阅专栏

使用命令行查看vue-router 所有版本号

npm info vue-router versions

安装最新的vue-router

yarn add vue-router@4.0.0-beta.10

router

// Vue Router 4
import { createRouter, createWebHistory } from "vue-router";
import index from '../views/index.vue'
import one from '../views/one.vue'

export default createRouter({
    history: createWebHistory(),
    routes: [
        {
            path: '/',
            component: index
        },
        {
            path: '/one',
            component: one
        }
    ],
});

main.js

import { createApp } from 'vue'
import App from './App.vue'
import router from './router'
import './index.css'

const app = createApp(App);
app.use(router);
app.mount("#app");