title: Vue-Router working but not transform router-link to anchor tag
body: <p><code>vue-router</code> works well, but <code>&lt;router-link to="/path"&gt;Link&lt;/router-link&gt;</code> element isn't rendering to <code>&lt;a href="/path"&gt;Link&lt;/a&gt;</code> but just to plain text <code>Link</code>. Let me show you my code:</p>
  
  <p><strong>index.html</strong></p>
  
  <pre><code>&lt;div id="wrapper"&gt;
    &lt;!-- Content --&gt;
    &lt;router-view&gt;&lt;/router-view&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p><strong>app.js</strong></p>
  
  <pre><code>const Vue = require('vue');
  import VueRouter from 'vue-router';
  Vue.use(VueRouter);
  
  //routing stuff
  import GMap from './components/g-map.vue';
  import Home from './components/home.vue';
  
  const router = new VueRouter({
    routes: [
     { path: '/', component: Home },
     { path: '/g-map', component: GMap }
    ]
  });
  
  new Vue({
    router
  }).$mount('#wrapper');
  </code></pre>
  
  <p><strong>home.vue</strong></p>
  
  <pre><code>&lt;template id="home"&gt;
      &lt;div&gt;
          &lt;!-- some stuff --&gt;
          &lt;router-link to="/g-map"&gt;Link&lt;/router-link&gt;
          &lt;a href="#" @click="testVueRoute"&gt;Another link&lt;/a&gt;
      &lt;/div&gt;
  &lt;/template&gt;
  
  &lt;script&gt;
  export default {
    methods: {
      testVueRoute() {
        this.$router.push({ path: "g-map" });
      }
    }
  };
  </code></pre>
  
  <p></p>
  
  <p><strong>g-map.vue</strong></p>
  
  <pre><code>&lt;template id="g-map"&gt;
    &lt;div&gt;SOME CONTENT FROM G-MAP&lt;/div&gt;
  &lt;/template&gt;
  
  &lt;script&gt;
  export default {};
  &lt;/script&gt;
  </code></pre>
  
  <p><code>home</code> component is rendered at start (because has a path <code>/</code> in routing) and on the loaded site I can see <strong>text</strong> "Link" and clickable link "Another link". Source of the site looks like this:</p>
  
  <pre><code>&lt;div&gt;
      &lt;!-- some stuff --&gt;
      Link
      &lt;a href="#"&gt;Another link&lt;/a&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Clicking on the text "Link" does nothing, cliking on the "Another link" call successfull <code>testVueRoute</code> method and content of <code>g-map</code> component appear.</p>
  
  <p>Vue-route do a job because <code>this.$router.push({ path: "g-map" });</code> works well, but why the <code>&lt;router-link to="/path"&gt;Link&lt;/router-link&gt;</code> element is not rendering to <code>a</code> tag?</p>