Javascript 如何将vue路由器注入现有vue实例?

Javascript 如何将vue路由器注入现有vue实例?,javascript,vue.js,vue-component,single-page-application,vue-router,Javascript,Vue.js,Vue Component,Single Page Application,Vue Router,我只需要路由器用于签出页面,签出组件是异步加载的 components.js app.js 我不想这样做: this.vueInstance = new Vue({ el: this.rootElement, router }); 我只需要在“购物车页面”组件上将路由器添加到vue实例中,因此类似于: cartPage.vue 如何访问vue实例 如何将路由器添加到它 谢谢。Rooter是一个全局组件,请求通常很早就通过路由器。您只想将其用于一个组件有什

我只需要路由器用于签出页面,签出组件是异步加载的

components.js

app.js

我不想这样做:

    this.vueInstance = new Vue({
      el: this.rootElement,
      router
    });
我只需要在“购物车页面”组件上将路由器添加到vue实例中,因此类似于:

cartPage.vue

  • 如何访问vue实例
  • 如何将路由器添加到它

  • 谢谢。

    Rooter是一个全局组件,请求通常很早就通过路由器。您只想将其用于一个组件有什么原因吗?请检查此项
    .....
        import { VueComponents } from './components/components';
    .....
        if (VueComponents) {
          const componentsToRegister = VueComponents.filter(vueComponent => !!document.querySelectorAll(`${vueComponent.name}, [is="${vueComponent.name}"]`).length);
    
          for (const vueComponent of componentsToRegister) {
            Vue.component(vueComponent.name, vueComponent.constructor);
          }
        }
    
        this.vueInstance = new Vue({
          el: this.rootElement
        });
    .....
    
        this.vueInstance = new Vue({
          el: this.rootElement,
          router
        });
    
    name: 'cart-page',
    beforeCreate() {
    vueInstance.extends(router);
    }