安装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()。