routes: [
    {
      path: '/',
      name: 'Hello',
      component: Hello
    }
]

console.log(this.$route.name) // Hello

<router-link :to="{name:'Home',params:{username:'jspang',id:'555'}}"></router-link>

console.log(this.$route.params) // {username: "jspang", id: "555"}

<router-link :to="{path:'/Home',query:{username:'jspang',id:'555'}}"></router-link>

console.log(this.$route.query) // {username: "jspang", id: "555"}

{
    path:'/params/:newsId/:newsTitle',
    component:Params
}

<router-link to="/params/198/jspang website is very good">params</router-link>

<router-link to="/GoodsInfo?a=1"></router-link>

console.log(this.$route.query.a)

<el-button @click.native="$router.push({ name: 'play',params: {id: '1'} })">跳转</el-button>

this.$route.params.id

params = this.$route.params

query = this.$route.query;