vue2和vue3的vue-router区别

new Router 变成 createRouter

Vue Router 不再是一个类，而是一组函数。现在不用再写 new Router()，而是要调用 createRouter:

// 以前是
// import Router from 'vue-router'
import { createRouter } from 'vue-router'const router = createRouter({// ...
})

新的 history 配置取代 mode

mode: 'history' 配置已经 history 配置所取代。

根据使用的模式，用适当的函数替换它：

• "history": createWebHistory()
• "hash": createWebHashHistory()
• "abstract": createMemoryHistory()

import { createRouter, createWebHistory } from 'vue-router'
// 还有 createWebHashHistory 和 createMemoryHistorycreateRouter({history: createWebHistory(),routes: [],
})