vue3 提示 写一个a页面往b页面传值

在Vue3中，可以通过使用路由传参来实现从一个页面往另一个页面传值。

首先，在定义路由时，需要在路由配置中添加props属性，并将其设为true，如下所示：

const router = createRouter({
  routes: [
    {
      path: '/b',
      name: 'PageB',
      component: PageB,
      props: true
    },
    {
      path: '/a',
      name: 'PageA',
      component: PageA
    }
  ]
})

接着，在PageA组件中，可以通过router.push方法跳转到PageB组件，并传递参数，如下所示：

<template>
  <div>
    <button @click="goToPageB">Go to Page B</button>
  </div>
</template>

<script>
import { useRouter } from 'vue-router'

export default {
  setup() {
    const router = useRouter()

    const goToPageB = () => {
      router.push({
        name: 'PageB',
        props: {
          message: 'Hello Page B!'
        }
      })
    }

    return {
      goToPageB
    }
  }
}
</script>

最后，在PageB组件中，可以通过props接收传递的参数，如下所示：

<template>
  <div>
    <p>{{ message }}</p>
  </div>
</template>

<script>
export default {
  props: {
    message: String
  }
}
</script>

这样就完成了从PageA往PageB传递参数的操作。