--- title: '页面路由' description: '> 了解如何打开页面、回退，并传递参数' lastUpdated: 2025-10-09T03:25:10.000Z --- > 了解如何打开页面、回退，并传递参数 ## 组件 a 切换页面 ### 切换页面 组件 a 可通过配置 href 属性跳转到应用内的页面 **示例如下：** ```html ``` ### 传递参数 通过组件 a 实现页面切换时，可以通过'?key=value'的方式添加参数，支持参数为变量 **示例如下：** ```html ``` ## 接口 router 切换页面 ### 切换页面 router 接口在使用前，需要先导入模块 `router.push(OBJECT)` / `router.replace(OBJECT)` 支持的参数 uri 与组件 a 的 href 属性完全一致 **示例如下：** ```html ``` ### 传递参数 router 接口的参数 params 可配置页面跳转时需要传递的参数 **示例如下：** ```html ``` ## 接收参数 现在，开发者已经掌握了通过组件 a 和接口 router 在页面之间传递参数的方法，如何接收参数呢？ 其实很简单，组件 a 和接口 router 传递的参数的接收方法完全一致：在页面的 ViewModel 的`data属性`中声明使用的属性 **示例如下：** ```html ```