title: Vue Router code firing before app creation finished?
body: <p>Whenever I try to load / refresh my app via a deeplink the router code fires first. And fails because the authetication token has not been set yet... I assume that the <code>beforeCreate</code> of the app should be the first thing to be executed.</p>
  
  <p>The browser console displays:</p>
  
  <p><code>router beforeEnter</code></p>
  
  <p><code>app beforeCreate</code></p>
  
  <p>Router code:</p>
  
  <pre><code>...
  const router = new VueRouter({
      routes: [{
        path: '/article/:articleId',
        name: 'article',
        component: Article,
        beforeEnter (to, from, next) {
          console.log('router beforeEnter')
          // Load stuff from backend with axios
        }
      }]
  }
  </code></pre>
  
  <p>Application startup code</p>
  
  <pre><code>...
  Vue.use(VueRouter)
  
  import router from './router'
  
  new Vue({
    el: '#app',
    store: store,
    router: router,
    beforeCreate: function() {
      console.log('app beforeCreate')
      // get authentication token from localStorage and put in axios header
    },
    render: h =&gt; h(App),
  })
  </code></pre>
  
  <p>What am I missing here? How can I make sure the app creation code is executed first?</p>