vue-router传递参数

参考学习：https://blog.csdn.net/crazywoniu/article/details/80942642
http://www.php.cn/js-tutorial-388301.html

vue-router传递参数分为两大类

编程式的导航 router.push
声明式的导航 <router-link>

this.$router.push("home");（）

this.$router.push({ name: 'news', params: { userId: 123 }})
{{this.$route.params.userId}}

this.$router.push({ path: '/news', query: { userId: 123 }});
{{this.$route.query.userId}}

////////////////////////////////////////////////////////////////////////////////////

<router-link to="news">click to news page</router-link>

<router-link :to="{ name: 'news', params: { userId: 1111}}">click to news page</router-link>
 {{this.$route.params.userId}}
 
 <router-link :to="{ path: '/news', query: { userId: 1111}}">click to news page</router-link>
   {{this.$route.query.userId}}