Vue中 path和name的区别是什么

path 和 name 看起来都是一样的值,对于vue初学者来说确实烧脑，两个值看起来都一样，到底是用的name还是path传参的呢？

name和path都可以实现跳转：

一般情况下 name和params结合 path和query结合使用

其实name和query也可以组合使用，但是参数无法正常传递接收，
params传递参数在地址栏是看不到的，就跟post请求很像。query参数会显示在地址栏，

 
{
path: '/hello',
name: 'HelloWorld',
component: hello
}
跳转方式name
this.$router.push({
name: 'HelloWorld',
params: {
id: 12345
}
})
跳转方式path
this.$router.push({
path: '/hello',
query: {
id: 12345
}
})

path 顾名思义跳转路径，从哪里跳转 两处名字要一致，它可以有二级路径比如/system/home..

 

name就相当于该路径的别名，只是为了方便找到他，有时候也可以不设置name，比如一个人的名字太长，你可以给它起一个短点儿的名字，当你准备跳转的时候，直接用起的这个别名就行。