vue项目中如何在外部js文件中直接调用vue实例比如说this

一般我们都是在 main.js 中引入 vue，然后在 vue 文件中直接使用 this（this 指向的是 vue 实例），但是在实际开发中，我们往往会引入外部的 js 文件使用 this，这个 this 就会指向 window，并不是我们期待的 vue 实例，那么就需要重新引入 vue 文件（import Vue from ‘vue’）, 这样很麻烦。在目前项目中我使用的方法是 mian.js 导出 vue 实例，然后在需要使用的 js 中引入。
步骤一：main.js 导出 vue 实例

var vue = new Vue({
  el: '#app',
  router,
  components: {App},
  template: '<App/>'
})
export default vue

步骤二、在需要使用的 js 中引入

import context from '../main.js'
context.$router.push('/login')

参考地址：
https://blog.csdn.net/weixin_…