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