title: Vue.js ready() method doesn't get called in vue component
body: <p>I'm using Webpack bundler to serve Vue 2.0 based frontend. The problem is that method <code>ready</code> in components doesn't get called. Do I need to add some extra watch on component or something like that?</p>
  
  <p>My router:</p>
  
  <pre><code>import Vue from 'vue'
  import VueRouter from 'vue-router'
  import VueResource from 'vue-resource'
  
  import Register from './views/auth/register.vue'
  
  Vue.use(VueRouter);
  Vue.use(VueResource);
  
  const routes = [
    { path: '/auth/register', component: Register } 
  ]
  
  const router = new VueRouter({
    routes // short for routes: routes
  })
  
  export default router;
  </code></pre>
  
  <p>and my sample component:</p>
  
  <pre><code>&lt;template&gt;
      &lt;div&gt;
          &lt;div class="message"&gt;{{ msg }}&lt;/div&gt;
      &lt;/div&gt;
  &lt;/template&gt;
  
  &lt;script&gt;
  export default {
  
      data: function () {
          return {
              msg: 'Hello from vue-loader!'
          }
      },
  
      ready: function() {
          console.log('test');
      }
  }
  &lt;/script&gt;
  </code></pre>