title: How to pass data to vue router router-view?
body: <p>Im using Vue Router. In my code I used to have:</p>
  
  <pre><code>&lt;div v-bind:is="page.component_name" v-bind:page="page"&gt;&lt;/div&gt;
  </code></pre>
  
  <p>Which worked, and the <code>page</code> data was passed to the component. But how do I do the same with a router-view? This doesn't seem to work:</p>
  
  <pre><code>&lt;router-view v-bind:page="page"&gt;&lt;/router-view&gt;
  </code></pre>
  
  <p>js:</p>
  
  <pre><code>var vm = new Vue({
      ...,
      router : new VueRouter({
          routes : [
              { path: '/foo', component: { template: '&lt;div&gt;foo&lt;/div&gt;', created:function(){alert(1);} } },
              //{ path: '/bar', component: { template: '&lt;div&gt;bar&lt;/div&gt;', created:function(){alert(2);} } },
              { path: '/bar', component: Vue.component("ti-page-report") }
          ]
      }),
       ...
  });
  </code></pre>