vue2和vue3的区别之路由的使用

284 阅读1分钟

一.安装方式

在 vue2 的项目中,只能安装并使用 `3.x` 版本的 vue-router。
vue2:npm install vue-router --save

在 vue3 的项目中,只能安装并使用 `4.x` 版本的 vue-router。
vue3:npm install vue-router@next --save

二.路由的创建

vue2:
import VueRouter from 'vue-router'
Vue.use(VueRouter)
const router=new VueRouter({
  mode: 'history',//### 默认使用的是hash模式
  routes
})

vue3:
import { createRouter, createWebHashHistory } from 'vue-router';
const router = createRouter({
  history: createWebHashHistory(),//createWebHashHistory()哈希模式,createWebHistory()为history模式
  routes,
});