简述路由间两种传值方式

在前端应用中，路由是一个非常重要的概念，它决定了应用的不同页面之间的跳转和展示。在路由之间传递数据是非常常见的需求，一般有以下两种方式：

1. URL参数传值

URL 参数传值是最常见的一种传值方式，它的原理是将数据以 URL 参数的形式传递给下一个路由。例如，在一个商品列表页面中，你可以通过点击某个商品的链接，传递该商品的 id 给商品详情页。代码示例：

// 列表页
const productId = 123;
router.push(`/product/${productId}`);

// 详情页
const productId = this.$route.params.id;

在列表页中，我们将商品的 id 作为参数传递给详情页的路由，详情页可以通过 `$route.params` 获取该参数。

2. 状态管理器传值

状态管理器传值是另一种传值方式，它的原理是将数据存储在一个全局的状态管理器中，不同的页面之间可以通过该状态管理器共享数据。例如，在一个购物车页面中，你可以将购物车中的商品列表存储在状态管理器中，然后在结算页面中读取该列表。代码示例：

// 存储数据
store.commit('setCartList', cartList);

// 读取数据
const cartList = store.state.cartList;

在上面的代码中，我们使用 Vuex 状态管理器存储了购物车商品列表，然后在其他页面中可以通过 `store.state` 读取该列表。需要注意的是，使用状态管理器传值需要安装和配置相应的状态管理库，如 Vuex。