title: vue-router : router-link not working
body: <p>I'm trying to use vue-router and <code>router-link</code>. When I click on the link, the URL updates correctly, but nothing is loaded into <code>&lt;router-view&gt;&lt;/router-view&gt;</code>. I'm guessing this has something to do with using the unpkg CDNs rather than building this with vue-CLI? I'm not really sure why this isn't working.</p>
  
  <p><strong>index.html</strong></p>
  
  <pre><code>....
  
  &lt;body&gt;
  
      ....
  
      &lt;nav id="app"&gt;
          &lt;li&gt;&lt;router-link to="/hello"&gt;Hello&lt;/router-link&gt;&lt;/li&gt;
      &lt;nav&gt;
  
      &lt;!--view--&gt;
      &lt;router-view&gt;&lt;/router-view&gt;
  
      ....
      &lt;!--vue.js--&gt;
      &lt;script src="https://unpkg.com/vue"&gt;&lt;/script&gt;
      &lt;script src="https://unpkg.com/vue-router/dist/vue-router.js"&gt;&lt;/script&gt;
  
      &lt;!--router--&gt;
      &lt;script src="js/router.js"&gt;&lt;/script&gt;
  &lt;/body&gt;
  </code></pre>
  
  <p><strong>router.js</strong></p>
  
  <pre><code>const Hello = { template: '&lt;div&gt;test&lt;/div&gt;' }
  
  const routes = [
    { path: '/hello', component: Hello }
  ]
  
  const router = new VueRouter({
    routes
  })
  
  const app = new Vue({
    router
  }).$mount('#app')
  </code></pre>
  
  <p>I've tried removing the <code>&lt;li&gt; &lt;/li&gt;</code> around the <code>router-link</code>, but this doesn't seem to help.</p>