路由跳转的参数携带在开发中是最为常见的参数传递方式之一，通过路由携带参数不仅便捷，刷新携带的参数也不会丢失。

那么在vue3语法糖setup可以如何实现路由参数的传递和携带呢？

接下来，就跟随文章内容来了解如何在vue3语法糖setup进行路由参数的传递和获取。

vue3语法糖setup路由传递参数

<script setup>
	import { useRouter } from 'vue-router'
	const router = useRouter();
	const goPage = (e) =>{
		router.push({ path: '/dialog', query: { name: '传递的参数' }})
	}
</script>

vue3语法糖setup路由获取传递参数

<script setup>
	import { useRoute } from 'vue-router'
	const router = useRoute();
	console.log("打印所有携带的参数：",router.query)
	console.log("打印键名为name的值：",router.query.name)
</script>

注意点：文中使用的是query传参方式，即在url地址后面拼接 ?参数名=参数值