Global mixin router cause stack exceeded

[zthxxx]

import Vue from 'vue'
import Router from 'vue-router'
Vue.use(Router);

const user = {
  template: `
    <div class="user">
      <h2>User</h2>
      <router-view></router-view>
    </div>
  `
};

const routes = [
  {
    path: '/user',
    component: user,
  }
];
const router = new Router({routes});

Vue.mixin({
  router
});

new Vue({
  el: '#app',
  template: `
    <div>
      <router-view></router-view>
    </div>
  `
});

全局混合 vue-router 将引起 user 中的 router-view 爆栈，原因未知，解决办法只能是不使用全局混合，改成单独注入：

Vue.mixin({
  
});

new Vue({
  el: '#app',
  router,
});

坏处是这样之后使用 new Vue.extend() 新建的实例中无法使用 $route