所在的位置: js >> js前景 >> Vue3如何配置Router路由

Vue3如何配置Router路由

北京治皮肤病医院 https://m-mip.39.net/disease/mip_9525899.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()。




转载请注明:http://www.aierlanlan.com/cyrz/5509.html