Web开发

首页 » 常识 » 常识 » Vue3如何配置Router路由
TUhjnbcbe - 2023/10/9 17:15:00
补骨脂注射液价格在什么价位区间 http://news.39.net/bjzkhbzy/230317/13384221.html

安装router

安装完成后,可以在package.json中查看vue-router的版本:

创建router

创建router文件夹并在文件夹中创建index.js.内容如下:

可以看到,在新版本的vue-router中,是通过createRouter方法来创建一个路由的,这是和以前版本不同的地方。

配置history模式,在新版本中也使用了内置的方法来设置“history:createWebHistory()”,这个地方和以前的版本也不同。

使用router

使用router,要在template中添加router-view/,告诉程序通过路由加载的页面渲染的位置。我们来改造一下App.vue:

然后再main.js中使用创建好的router:

在Vue3中,使用插件和依赖库时通过use方法,不过用的是创建实例的use方案。在Vue2中使用的是Vue.use()。

1
查看完整版本: Vue3如何配置Router路由