Node.js 启动vue页面时，如何从服务器获取参数？

你好，我需要知道如何解决这个问题

我想知道的是如何打开包含数据参数的页面

这是我想做的

有几个人收到电子邮件。有一个按钮可以链接到带有其id的页面

当他们按下按钮时，服务器识别他们并从数据库发送他们的名字

将它们重定向到主页。他们的名字和数据

主页（vue）显示他们的名字，如“欢迎回家，史密斯先生”

我被困在第三步和第四步之间。我正在发送他们的姓名数据作为查询。 但我不知道如何接收它们

我想它可以用作道具。但它只显示“未定义”

这是我的节点js代码

res.redirect(url.format({
    pathname:"/",
    query: {
       "name": rows[0].name,
       "familyname": rows[0].familyname,
       "gender":rows[0].gender
     }
  }));

这是vue路由器的一部分。（router.js）

我正在制作main.vue代码，如下所示

export default {
  props: ['name','familyname','gender'],
  methods: {
     showprops() {
       alert(this.$props.name);
     }
  },
  created() {
     this.showprops();
  }

调用警报（this.$props.name）时，当前结果未定义。 我如何解决这个问题

提前感谢。

$route.query

---

看起来您将您的参数包括为

查询参数

，例如

/？name=xxx&familyname=xxx&gender=xxx

。要从vue路由获取查询参数，必须使用

this.$route.query

$route.props 要拥有像

this.$route.props这样的道具，需要像
/user/12345/bob这样的url和像这样的vue路由器设置

路线：[
{path:'/user/:id/:name'，component:user，props:true}
]

将查询参数转换为vue路由器道具
在vue路由器官方文档中，您会发现一个非常好的示例，介绍如何使用
功能模式
将查询参数转换为道具（）

const路由器=新的VueRouter({
路线：[
{路径：'/search'，
组件：SearchUser，
props：（route）=>（{query:route.query.q}）
}
]
})

从上面的例子来看，URL
/search？q=vue
将把
{query:'vue'}
作为道具传递给
SearchUser
组件。
看起来像是将参数包括在
查询参数中，例如
/-name=xxx&familyname=xxx&gender=xxx
。要从vue路由获取查询参数，您必须使用
this.$route.query
。谢谢Pascal Lamers。我试试看。祝您有个美好的一天。
export default {
  props: ['name','familyname','gender'],
  methods: {
     showprops() {
       alert(this.$props.name);
     }
  },
  created() {
     this.showprops();
  }