vue 外部js文件调用 vue实例 this

假设外部文件为 onresize.js 需求则是 onresize.js内部 可以调用 vue 实例 this 从而达到使用vue对象内数据与方法。

第一步（非必须）

在main.js 引入 onresize.js （这不是必须的 看需要哪里使用到该js文件！）

// Window.onresize 事件  动态调整窗口
import "@/assets/js/onresize";

第二步（必须）

在main.js 使vue实例化 并导出vue

// vue实例化
var vue = new Vue({
  router,
  store,
  render: h => h(App),
  components:{
    App 
   }
}).$mount('#app')
// 导出vue
export default vue  

第三步（必须）

onresize.js内引用 vue对象。

import _this from '../../main.js'

// 打印 _this
// 改变窗口大小时
window.onresize = function () {
  console.log('_this',_this);
}