路由跳转方式name 、 path 和传参方式params 、query的区别

一、$ router和$ route的区别

$router : 是路由操作对象，只写对象
$route : 路由信息对象，只读对象

$ router操作路由跳转

this.$router.push({ name:‘hello’, params:{ name:‘word’, age:‘11’ } })

$route读取 路由参数接收

var name = this.$route.params.name;

二、路由跳转方式name 、 path 和传参方式params 、query的区别

path 和 Name路由跳转方式，都可以用query传参
params传参，push里面只能是 name:'xxx',不能是path:'/xxx',因为params只能用name来引入路由，如果这里写成了path，接收参数页面会是undefined！！！

通过params传参

     this.$router.push({