Vue-Cli使用路由

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Vue-Cli使用路由相关的知识,希望对你有一定的参考价值。

参考技术A 可在main.js或者在src中新建router文件夹专门放设置路由的js中引入vue-router:

 $router就是当前项目中的路由器对象,它的push方法,用于跳转路由

replace方法,也是用于跳转路由。

 push方法是在浏览器的历史记录中,添加一个路由信息

replace方法是在浏览器的历史记录中,替换前一条路由信息

路由配置时需要传一个参数,路由可以传多个参数

props选项为true时,组件可以通过props选项接收路由参数

路由跳转时需要将参数写在地址后面

在跳转到的页面中可以获取到传过来的参数

使用query方式传参无需再路由配置中进行操作。

路由地址,采用query传参方式:?参数1=XXX&参数2=XXX....

通过$route.query获取路由地址?后面的参数 

以上是关于Vue-Cli使用路由的主要内容,如果未能解决你的问题,请参考以下文章

在vue-cli中使用路由

Vue-Cli使用路由

vue-cli嵌套路由

Vue-CLI项目路由案例汇总

vue-cli3+typescript+路由懒加载报错问题

路由的默认 vue-cli 延迟加载代码在定义为 lambda 时不起作用