任意文件中引用vue当前实例

在实际开发Vue项目时,我们有时需要在某个独立的js中直接引用vue实例

main.js

...
const vueApp = new Vue({
  router,
  store,
  render: h => h(App)
}).$mount("#app");

export default vueApp; //这里最重要的是要改成导出当前Vue实例

在要单独引用的地方这样写

//router.js

import vueApp from "@/main.js";

router.afterEach(to => {
  console.log("vueApp", vueApp);
});
export default router;