title: How to use vue-router params
body: <p>I'm new to Vue now working with its router.</p>
  <p>I want to navigate to another page and I use the following code:</p>
  <pre><code>this.$router.push({path: '/newLocation', params: { foo: &quot;bar&quot;}});
  </code></pre>
  <p>Then I expect it to be on the new Component</p>
  <pre><code>this.$route.params
  </code></pre>
  <p>This doesn't work.
  I also tried:</p>
  <pre><code>this.$router.push({path: '/newLocation'});
  this.$router.push({params: { foo: &quot;bar&quot;}});
  </code></pre>
  <p>I've inspected the source code a bit and noticed this property gets overwritten with a new object <code>{}</code>.</p>
  <p>I'm wondering is the params use is other than I think?
  If not, how to use it?</p>