vue页面跳转携带数据

在Vue中，可以使用`router-link`组件来实现页面跳转，并且可以携带数据。以下是一个示例：

<!-- 在发送页面跳转的组件中 -->
<template>
  <div>
    <router-link :to="{ path: '/target', query: { data: 'example' }}">跳转到目标页面</router-link>
  </div>
</template>

在上述示例中，我们使用了`router-link`组件，并通过`to`属性指定了跳转的目标路径和携带的数据。在这个例子中，我们将一个名为`data`的参数设置为`example`。

在目标页面中，我们可以使用`$route.query`来获取携带的数据。以下是一个示例：

<!-- 目标页面 -->
<template>
  <div>
    <p>携带的数据：{{ $route.query.data }}</p>
  </div>
</template>

在上述示例中，我们使用了`$route.query.data`来获取携带的数据。

这样就可以在Vue页面跳转时携带数据了。希望对你有帮助！如果有任何问题，请随时提问。