vue - vue3和vue2.x的区别(三):路由的使用

本文探讨了vue3和vue2.x在路由使用上的不同,包括安装vue-router时的注意事项,创建路由的方法变化,以及hash模式和history模式的选择。在vue3中,创建路由模式需使用createWebHistory()或createWebHashHistory()方法,而vue2.x则是通过mode属性设定。
摘要由CSDN通过智能技术生成

  今天来总结一下vue3和vue2.x的区别 - 路由的使用。用了很久的 vue2.x 之后再来使用 vue3 ,我们不难看出它们二者之间创建路由的方式是不一样的。

一、安装 vue-router

  在使用 vue-router 之前我们需要先安装一下依赖,要注意 vue2.x和vue3使用的依赖是不一样的,不然会报错 export 'createRouter' was not found in 'vue-router'

// vue2.x的安装方式
npm install vue-router --save
// vue3的安装方式:
npm install vue-router@next --save

二、vue-router的创建与使用

vue2.x是通过 new Router() 方法来创建路由的,vue3是使用 createRouter() 方法来创建的。

/
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值