title: why can't my <router-view> be rendered?
body: <p>I am a noob to vue-router. Here is my code,I want to render User compoent, when I navigate to <a href="http://localhost:8080/users" rel="nofollow noreferrer">http://localhost:8080/users</a></p>
  
  <p>App.vue file:</p>
  
  <pre><code>&lt;template&gt;
    &lt;div id="app"&gt;
      &lt;h1&gt;{{msg}}&lt;/h1&gt;
      &lt;router-view&gt;&lt;/router-view&gt;
    &lt;/div&gt;
  &lt;/template&gt;
  
  &lt;script&gt;
  export default {
    data () {
      return {
        msg: 'Welcome to Your Vue.js App'
      }
    }
  }
  &lt;/script&gt;
  </code></pre>
  
  <p>Users.vue</p>
  
  <pre><code>&lt;template&gt;
      &lt;div&gt;
          &lt;h1&gt;xue yan&lt;/h1&gt;
      &lt;/div&gt;
  &lt;/template&gt;
  </code></pre>
  
  <p>main.js</p>
  
  <pre><code>import Vue from 'vue'
  import App from './App.vue'
  import VueRouter from 'vue-router'
  import Users from './Users.vue'
  
  Vue.use(VueRouter);
  
  const routes = [
    {path:'/users',component:Users}
  ];
  
  const router = new VueRouter({
    routes
  });
  
  new Vue({
    el: '#app',
    router,
    render: h =&gt; h(App)
  })
  </code></pre>
  
  <p>But, I can't see the Users component in my index.html,when I try to navigate to "<a href="http://localhost:8080/users" rel="nofollow noreferrer">http://localhost:8080/users</a>".All the files come from vue-cli webpack-simple. what's more, there is no error in console.I can't tell what's wrong with it.</p>