title: Vue router link add object in the url
body: <p>This is my setting:</p>
  
  <ul>
  <li><code>main.js</code> creates a vue and attaches the component App to an element in the dom</li>
  <li><code>router.js</code> sets the routs</li>
  <li><code>App.vue</code> has the <code>router-view</code> and a few <code>router-link</code>s</li>
  </ul>
  
  <p>Problem:</p>
  
  <ul>
  <li>the link <code>&lt;router-link to="/admin"&gt;Admin1&lt;/router-link&gt;</code> works fine</li>
  <li>the link <code>&lt;router-link to="{name: 'admin'}"&gt;Admin2&lt;/router-link&gt;</code> doesn;t work and adds to the url bar: <code>#/{name: 'admin'}</code></li>
  </ul>
  
  <p>Am I using the router in the wrong way?
  Below my files in details</p>
  
  <hr>
  
  <p>main.js</p>
  
  <pre><code>import Vue from 'vue'
  import router from './router'
  import App from './App'
  
  new Vue({
    router,
    el: '#app',
    components: { App },
    template: '&lt;App/&gt;',
    data: {
    }
  })
  </code></pre>
  
  <p>router.js</p>
  
  <pre><code>import Vue from 'vue'
  import Router from 'vue-router'
  
  import HelloWorld from '@/components/HelloWorld'
  import Marketplace from '@/components/Marketplace'
  import Admin from '@/components/Admin'
  
  Vue.use(Router)
  
  export default new Router({
    routes: [
      {
        path: '/',
        name: 'HelloWorld',
        component: HelloWorld
      },
      {
        path: '/marketplace',
        name: 'marketplace',
        component: Marketplace
      },
      {
        path: '/admin',
        name: 'admin',
        component: Admin
      }
    ]
  })
  </code></pre>
  
  <p>App.vue</p>
  
  <pre><code>&lt;template&gt;
    &lt;div id="app"&gt;
      &lt;p&gt;
        &lt;router-link to="/"&gt;Home&lt;/router-link&gt;
        &lt;router-link to="/admin"&gt;Admin1&lt;/router-link&gt;
        &lt;router-link to="{name: 'admin'}"&gt;Admin2&lt;/router-link&gt;
      &lt;/p&gt;
      &lt;router-view/&gt;
    &lt;/div&gt;
  &lt;/template&gt;
  
  &lt;script&gt;
  export default {
    name: 'App'
  }
  &lt;/script&gt;
  </code></pre>