vue3 params传递对象

在Vue3中，可以通过路由传递参数，其中params传递引用类型的参数，包括对象、数组等。具体实现方法如下：

1.在定义路由时，需要在路由路径中添加参数占位符，例如：

const routes = [
  {
    path: '/user/:id',
    component: User
  }
]

2.在组件中通过$route.params来获取传递的参数，例如：

const User = {
  template: '<div>User {{ $route.params.id }}</div>'
}

3.在使用router-link跳转时，需要在to属性中传递参数，例如：

<router-link :to="{ path: '/user/123' }">User</router-link>

如果要传递对象，可以在to属性中传递一个包含参数的对象，例如：

<router-link :to="{ name: 'user', params: { id: 123, name: '张三' } }">User</router-link>

在组件中可以通过$route.params来获取传递的参数对象，例如：

const User = {
  template: '<div>User {{ $route.params.id }} {{ $route.params.name }}</div>'
}