vue2中配置路由
第一步、
在脚手架里面,安装路由,也可以自己指定版本安装
npm i vue-router
第二步、
在src目录下新建router文件
第三步、
在index.js文件里面配置如下代码。
第四步、
在main.js里面引入路由
第五步、
以上步骤就已经配置好了我们的路由,最后面就是使用路由。可以选择声明式路由和编程式路由,这里我们使用编程式路由。
效果:
vue3中路由配置
有三个步骤都是一样的只不过以下两个位置的代码需要更改一下:
1、路由的配置:
2、main.js下:
以上就可以实现在vue3中配置并使用我们的路由了,注意,在vue2中和vue3中vue-router的版本不同可能会引起报错,仔细检查vue-router的版本,下载对应版本即可。