Vue路由传参和接受参数的常用方法

       用Vue开发前端项目中，页面之间通过点击要传递参数和接受参数，用到Vue路由传参这个知识点，重点this.$router.push和his.$route.query的使用，看如下例子你应该就懂了Vue路由传参和接受参数的常用方法。

1.例子：

<div @click="toTest(1)">点击到test页面</div>

2.在mounted里：

toTest(id) {
this.$router.push({
path: `/test?farmId=${id}`,
})
},

3.在test页面接受传过来的参数：

created() {
this.farmId = this.$route.query.farmId
},