Bind query to props with vue-router : <p>Is it possible to bind query values to props declaratively?  </p>

<p>I want <code>/my-foo?bar=my-bar</code> to pass the props <code>{foo: "my-foo", bar: "my-bar"}</code>.</p>

<p>I'm currently using something like this:</p>

<pre><code>export default new Router({
  routes: [
    {
      path: "/:foo",
      name: "Foo",
      component: FooPage,
      props: route =&gt; ({ foo: route.params.foo, bar: route.query.bar})
    }
  ]
});
</code></pre>

<p>And I'm looking for something like:  </p>

<pre><code>export default new Router({
  routes: [
    {
      path: "/:foo?bar=:bar",
      name: "Foo",
      component: FooPage,
      props: true
    }
  ]
});
</code></pre>

<p>I'm using vue-router 2.3.1</p>
