vue 如何接受页面跳转传参

Vue 接受页面跳转传参有以下两种方法：

1. 通过路由传参

在路由设置中，可以在路由路径后面加上参数，例如：/user/:userId。这样在组件内就可以通过 $route.params.userId 来获取该参数的值。

示例代码：

// 路由设置
const router = new VueRouter({
  routes: [
    {
      path: '/user/:userId',
      component: User
    }
  ]
})

// 组件内获取参数
export default {
  mounted() {
    const userId = this.$route.params.userId
    console.log(userId)
  }
}

2. 通过 props 传参

在路由设置中，可以将参数作为组件的 props 传入。

示例代码：

// 路由设置
const router = new VueRouter({
  routes: [
    {
      path: '/user',
      component: User,
      props: { userId: '123' }
    }
  ]
})

// 组件内声明 props
export default {
  props: ['userId'],
  mounted() {
    console.log(this.userId)
  }
}

在这种方法中，传入的参数可以在组件内通过 props 进行声明和获取。在路由部分，可以直接在 props 中设置参数的值，也可以通过函数的方式动态传参。

以上两种方法都可以完成 Vue 接受页面跳转传参的需求，具体选择哪种方法，取决于具体的页面需求和逻辑。