Vueジャンプルーティングパラメータおよび取得パラメータ

Vueジャンプルーティングパラメータおよび取得パラメータ
ジャンプルーティング
ジャンプ前のページ編集:(すなわち、パラメータページ)templateでルーティングパラメータ(query)をジャンプ

<router-link :to="{path:'/positionList',query:{province:1,city:1}}" class="beijing">
	<span>   span>
router-link>
<router-link :to="{name:'positionList',params:{province:2,city:2}}" class="shanghai">
	<span>   span>
router-link>

JavaScriptでのルーティングのジャンプ

 this.$router.push({ name: 'positionList', params: { province:1,city:1} });
 this.$router.push({ path: '/positionList', query: { province:1,city:1} });

ジャンプルーティング取得パラメータ
ジャンプ後のページ編集:(パラメータの取得ページ)JavaScriptでパラメータを取得する

let data = this.$route.query
console.log(data)
let data2 = this.$route.params
console.log(data2)

paramsパス参加jqueryパスの違い
paramsはnameのみでルーティングを導入できますが、ページをリフレッシュするとパラメータが消えますqueryはpathでルーティングを導入したり、nameでルーティングを導入したりして、ページパラメータをリフレッシュしても消えません