所在的位置: js >> js优势 >> Vue3如何配置Router路由

Vue3如何配置Router路由

安装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/grrz/7661.html

  • 上一篇文章:
  •   
  • 下一篇文章: 没有了